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

你的猜测是正确的。确保获得所需布局的唯一真正方法是设置项目的高度。