不将css应用于div

Question

我们的模板是由一个设计机构设计的，他们给我们提供了HTML/CSS模板。他们的css文件中有这样的内容：

div{
    float: left;
}

现在我们正在网站上实现一个新的聊天软件，上面的行正在应用在聊天软件上，它正在破坏所有它的css。当我清除上面的一行时，整个模板都被毁了，当我们有它时，聊天软件css就被毁了.。我尝试将聊天软件放在</body>之后，并将上面的css更改为：

body div{
    float: left;
}

但是，由于聊天软件正在加载一些js文件，它将其带到页面的body中，因此css仍然不能正常工作。

我怎么才能解决这个问题？

提前谢谢。

Answer 1

在特定的chat holding div(元素)上写这个。

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

或由CSS

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

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

如果你想把它永久地放在屏幕右侧的屏幕底部，比如谷歌邮件或其他。

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

或由CSS

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

还有很多其他的方法。但是没有更多的信息我只能帮你那么多。

Answer 2

您可以将聊天放在具有特殊ID的div中，并将float:none;设置为内部div，代码如下：

HTML：

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

CSS：

#ChatContainer div{
    float: none;
}

Answer 3

您可以替换以下内容：

div{
    float: left;
}

有以下几点：

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

或

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

在这里，聊天框的<div>需要被赋予id属性为id='chat'。因此，html需要包含以下内容，作为聊天框的代码

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

该解决方案基于将CSS样式应用于除特定id之外的所有元素的方法。试试看。希望这能帮上忙。