div行不能正确显示ie6向左浮动

Question

我也有类似的问题Why does my floated left div go to the next line in IE6 using the 960.gs?

在我的设计中，子类别应该是每行4个。它们在FF，Safari，Chrome中看起来很好，但在ie6中它们每行只显示3个。我试着为ie6创建一个不同的css，但它不起作用，我也试着减少每一行的宽度和填充，但我仍然每行有3个子类别。

我又问了一遍，因为我敢打赌，解决方案可以针对你拥有的css非常具体。

Answer 1

尝试将每个.subcategory的宽度设置为24%或最大237px

.subcategory
{
    width:24%;
}

已更新

在category.css中，按如下方式更改：

.subcategory {
    FLOAT: left; MARGIN-BOTTOM: 15px; WIDTH: 24%; HEIGHT: 230px; TEXT-ALIGN: center
}
.category-item-image {
DISPLAY: block; BACKGROUND: #fff; MARGIN: 5px 30px; WIDTH: 170px; PADDING-TOP: 5px;            HEIGHT: 170px; oveflow: hidden
}
 .subcategory-image {
DISPLAY: block; BACKGROUND: #fff; MARGIN: 5px 30px; WIDTH: 170px; PADDING-TOP: 5px; HEIGHT: 170px; oveflow: hidden
}

问题是

MARGIN: 5px 34px;

和

WIDTH: 25%;

我试着将它们设置为30px和24%，在IE6中它是有效的！