我如何制作它,以便当第一个div扩展时...由于第一个div的高度现在更大,下面的div会自动降低?
这是显示吗?还是位置?
答案 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)
使用浮动。向左(或右)浮动顶部。将底部设置为向左(或向右)清除。