Question

我有一个div，其中css overflow属性设置为auto。但溢出属性似乎不起作用，而不是在div中显示滚动条，div的内容流到div之外。

我在这里缺少什么？

<div id="divPrvChatBox">
</div>

#divPrvChatBox
{
    width:330px;
    height:200px;
    background-color:Yellow;
    overflow:auto;        
}

Answer 1

overflow:scroll;

这是您需要明确告诉浏览器使用滚动条。当您使用auto时，您告诉浏览器它可以自行决定，通常会给出一些WTF结果。

Answer 2

设置溢出以滚动：

#divPrvChatBox
{
    width:330px;
    height:200px;
    background-color:Yellow;
    overflow: scroll;        
}

Example here

Answer 3

我相信（无论出于何种原因）您的overflow CSS样式未被应用。也许您的CSS中存在语法错误。也许你的设置被覆盖了。正如我在上面的评论中所述，this simple test case中使用overflow:auto 显示会阻止内容在容器边框之外绘制，并且还会导致滚动条显示在需要的位置。

使用适用于您浏览器的开发人员工具（适用于IE的F12，右键单击并检查适用于Chrome或Safari的元素，安装适用于Firefox的Firebug）以检查应用于相关元素的实际样式。您将看到您的规则未应用，属性不属于您的规则，或者规则被更具体的选择器覆盖。

CSS溢出问题

3 个答案: