浮动子元素：溢出：隐藏还是清除：两者？

1. 隐藏的溢出-非常可靠的方法。主要缺点是，如果在父元素上设置高度，则任何溢出都会被隐藏。我在创建带有浮动列表项的菜单时发现了这一点-子菜单不会出现。

2. 清除元素-我将使用div而不是换行符，

   height: 0; clear: both;

   因为它不会在下面产生间隙。这是一种更可靠的方法，唯一的缺点是标记中有额外的元素。

3. 浮动父元素-根据我的经验，在很多情况下，您都不希望浮动父元素，因此我会避免使用它。

4. 您还可以使用生成的内容方法：

#parent:after {content: ".";visibility: hidden;clear: both;}

这样可以节省标记中的额外元素，但在IE7及以下版本中将无法使用。

1. 使用内联块-只是记住了此方法。与其将两列浮动，不如将它们设置为

   display: inline-block

   ，它们将并排显示：

.child {display: inline-block;vertical-align: top;}

使用此方法时，您唯一必须记住的是，如果一个块的关闭标签与另一块的开始标签之间有空白，则各列之间会出现一个空格（其大小取决于字体，因此很难衡量）
。只要您这样做，

...</div><div id=...