为什么当我改变这个 div 的高度时，它会“重叠”它下面的 div？答案

【问题标题】：How come when I change the height of this div, it "overlaps" the div below it?为什么当我改变这个 div 的高度时，它会“重叠”它下面的 div？
【发布时间】：2009-10-27 01:37:21
【问题描述】：

我如何做到这一点，以便随着第一个 div 的扩展......由于第一个 div 的高度现在更大，较低的 div 会自动变低？

这是显示器吗？还是职位？

【问题讨论】：

请发布您的 css 和 html，然后我们可以提供帮助。
您似乎认为每个人都是读心者，或者已经费心侵入您的计算机以实际看到您正在谈论的这段代码。

标签： css html templates

【解决方案1】：

我建议使用浮动元素。这将确保下方的容器始终保持在顶部容器下方，具体取决于顶部容器的结束位置。即：

<!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>

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

使用浮点数。浮动左（或右）上一个。将底部的设置为清除左侧（或右侧）。

【讨论】：

或clear: both; 假设他希望第二个 div 低于第一个。 =)
真的！我假设第一个 div 是内容 div，因此它是顶部 div 移动底部...