CSS-背景颜色不会填充到滚动div的顶部

Question

我有一个div（带滚动条的页面子区域），它有一些文本，一个图像和一个表格。 为div定义的背景颜色 -

<div style="background-color: white">

不会将区域填充到顶部，滚动条的顶部箭头位于填充背景颜色的区域上方（大约是一条线的宽度）。在顶部添加br可以修复它，但是移动的东西太远了。

我读了两个可能的解决方案。有人建议我为div设置一个固定的高度。每次我改变页面内容时，都需要通过反复试验来改变高度。下一个。另一个建议是在最后添加这个，就在/ div -

之前

</div>
<div class="clear"></div>
</div>

但这没有效果。

有几个不同的页面使用SSI加载到滚动区域，其中一些页面使用div，其中一些是浮点数和一些绝对值。

感谢您的帮助。

修改

添加以下内容，我没有意识到需要“清除”，仍然无法正常工作

<style type="text/css">
.clear {
clear:both;
height:1px;
overflow:hidden;}
</style>

广告

Answer 1

我刚写了这个，无论你放入多少内容，它似乎都保留了背景色......

<div style='background:#abc;overflow:auto;'>
    <p>a bunch of content goes here</p>
</div>

当然，你可以设置一个高度，但更可能是在某个div包装器中......