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%;
}

<强>更新

在class.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中它可以正常工作！

div line没有正确显示ie6浮动左

1 个答案: