IE 6/7浮动高度问题

Question

我有6个浮动的li元素，看起来像是在一个2x3的网格中：

1 2 3
4 5 6

除了IE 6/7之外，所有东西看起来都很好，它看起来像这样：

1 2 3
4   5
  6

我拥有的CSS是：

ul {
    margin: 0;
    padding: 0;
    width: 900px;
    overflow: hidden;
}

li {
    list-style: none;
    width: 278px;
    float: left;
    margin-left: 12px;
    line-height: 1.6em;
    padding-bottom: 20px;
}

项目1和4上有这些样式：

li.row_start {
    margin-left: 0;
    clear: both;
}

问题(我猜)是li容器中的内容可以有一个可变的高度，这取决于其中的内容。因此，在本例中，项2的高度将大于1和3，因此当项5试图向左浮动时，它将命中项2的高度/填充。

Answer 1

你的猜测是对的。确保你得到你想要的布局的唯一真正的方法是在你的项目上也设置高度。