Html 父div未根据子div的高度计算高度。

这是我的密码：

HTML

<div id="body">
    <div id="left">a</div>
    <div id="main">b</div>
    <div id="right">c</div>
</div>

为什么身体不环绕左、右、右、左、右三个方向

如果我设置了display:table，则它是正常的

请尝试以下操作：

<div id="body">
    <div id="left">a</div>
    <div id="main">b</div>
    <div id="right">c</div>
    <div style="clear:both;"></div>
</div>

A.
B
C

添加溢出：隐藏到#body css

#body {    width: 520px;    border:solid 10px #d2d2d2; overflow:hidden;}

或

在父元素上使用任何类（例如clearfix）。 参考CSS技巧文章：

---

浮动属性设计为允许内容从包含它的块的底部跌落，因为它用于图像等需要多个段落环绕的对象

有关更多详细信息和示例，请参阅

在

#body

上设置

overflow:hidden

，使容器展开以包含其中的所有浮动元素。或者，请参见

---

另一种方法是使用

display:inline block

而不是

float

您已经有了一个元素/标记，尽管这种方法在特别旧的Internet Explorer版本中不起作用。不要用它两次。如果u设置body元素溢出：hidden；“这会很正常的。”RepWhoringPeeHaa：这是一种方法。溢出：隐藏；也有它的问题。只有当使用像阴影一样的新东西时@贾瓦德。还是我漏掉了什么？@Jawad 2篇文章谁说了我在说什么？使用

overflow:hidden

可以使我的页面不可滚动。overflow:hidden（在正文上）也使网页在我的case@PrashantPrabhakarSingh您可以使用clearfix回答中建议的其他选项。@ffConundrums您可以使用clearfix回答中建议的其他选项。

 #body { 
    overflow:hidden;
 }

 #body { 
    overflow:hidden;
 }