为什么当我改变这个div的高度时,它会“重叠”它下面的div?

时间:2009-10-26 01:32:46

标签: css html templates

我如何制作它,以便当第一个div扩展时...由于第一个div的高度现在更大,下面的div会自动降低?

这是显示吗?还是位置?

3 个答案:

答案 0 :(得分:2)

我建议使用浮动元素。这将确保下方的容器始终位于顶部容器下方,具体取决于顶部容器的末端位置。即:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<body>
<div style="height:250; width:250px; background-color:red; float:left;"> TOP </div>
<div style="height:250; width:250px; background-color:blue; float:left; clear:left;"> BOTTOM </div>
</body>
</html>

答案 1 :(得分:1)

我建议您下载firebug并调整页面的CSS以使其符合您的需要 - 开始使用display属性。

答案 2 :(得分:0)

使用浮动。向左(或右)浮动顶部。将底部设置为向左(或向右)清除。