1

デザインエージェンシーによってデザインされたテンプレートがあり、HTML / CSSテンプレートが提供されました。彼らはcssファイルにこれを持っています:

div{
    float: left;
}

現在、Web サイトに新しいチャット ソフトウェアを実装しています。上記の行がチャット ソフトウェアに適用されており、すべての CSS が台無しになっています。上記の行をクリアすると、テンプレート全体が台無しになり、チャット ソフトウェアの css が台無しになります... . チャットソフトウェアを置いて</body>、上記のcssを次のように変更しようとしました:

body div{
    float: left;
}

しかし、チャット ソフトウェアがいくつかの js ファイルを読み込んでいるbodyので、それを of ページに持ってきて、まだ css がうまく機能していません。

どうすればこれを修正できますか？

前もって感謝します。

4

4 に答える 4

1

div特別な ID を使用してチャットを配置し、float:none;内部divs に設定できます。コードは次のとおりです。

HTML:

<div id="ChatContainer">
    /* chat goes here */
</div>

CSS:

#ChatContainer div{
    float: none;
}
于 2013-10-19T07:54:07.610 に答える
0

次のものを置き換えることができます。

div{
    float: left;
}

次のように:

div:not(#chat){
    float: left;
}

または

div:not([id='chat']){
    float: left;
}

ここでは<div>、チャット ボックスの に id 属性を として指定する必要がありますid='chat'。したがって、HTML には、chat-boxのコードとして以下を含める必要があります。

<div id='chat'>
    code for chatbox.
</div>

このソリューションは、特定の ID を除くすべての要素に CSS スタイルを適用する方法に基づいています。それを試してみてください。これが役立つことを願っています。

于 2013-10-19T10:20:48.377 に答える
0

div(element) を保持している特定のチャットにこれを書き込みます。

<div style="float:right" > </div> /*this will move it to right*/

またはCSSによる

<div class="chat_holder">
</div>

.class{
    float:right /*or left*/
}

Googleメールなどのように右側の画面下部に永続的に保持したい場合。

 <div style="position:fixed;bottom:0;right:0;" > </div>

またはCSSによる

<div class="chat_holder">
</div>
.class{
    position:fixed;
    bottom:0;
    right:0;
}

他にもたくさんの方法があります。しかし、それ以上の情報がなければ、私はあなたを助けることしかできません.

于 2013-10-19T07:54:09.703 に答える
-1

CSSチャット ソフトウェア用に別のファイルを作成し、同じスタイル プロパティをオーバーライドできます。

または、チャット ソフトウェアの body タグにクラスをCSS与えて、以下に示す同じものを使用することもできます。

body.chatbody div{ float: 左; }

于 2013-10-19T07:54:38.037 に答える