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

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