2011-02-15 87 views
19

我有一个名为main的父div。它有一堆儿童div,我向左或向右漂浮。当子div被漂浮时,父div失去自动高度

当我完成浮动最后一个时,主div的高度完全消失,抛弃了我的页面布局。我给它一个高度:100%;就目前而言,但在大多数分辨率上它会过高。我怎样才能将它保持在一个流体高度,只有尽可能多地包含元素?

+0

你能显示你的代码吗? – 2011-02-15 22:28:05

回答

33

包含您的浮标。

在div上叫做main add overflow:hidden;。这应该包含它。

+4

这里有一个非常好的教程,关于使用溢出来处理这种情况:http://www.webdesignerwall.com/tutorials/css-clearing-floats-with-overflow/ – 2011-02-15 23:45:35

1

您是否使用相对定位为您的浮动?

否则,您需要将假div放入“保持打开”父div。一旦所有东西都浮动起来,你将失去所有父母身高的基础。 (没有任何内容。)

0

插入“overflow:hidden;”进入母公司为我工作。