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包装器中......