2

在这里查看我的代码。您需要调整结果面板的大小，以便您可以查看至少两个内联块。如果您单击“ More details”链接，它将显示详细信息，但也会移动下一行块。

尽管我使用过任何建议，但为什么它会这样显示clear:both。

.reviewimg_blk {
    border: 1px solid #9B9B9B;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
    margin-top: 15px;
    padding: 5px 5px 5px 10px;
    position: relative;
    width: 395px;
}
4

4 回答 4

0

这是因为position:relative. Position:relative保持 div 或块的关系，因此下面的块向下移动。在与该下拉部分相关的位置使用position:absolute。

于 2012-10-29T06:11:27.570 回答
0

那是因为你的第一个itemStylediv 有更多的内容，所以它比其他 div 占用更多的高度。

因此<div class="clear"> </div>，在每两个itemStylediv 之后添加或将 min-height 固定到itemStylediv。

我在演示中clear每两个 div 之后添加了一个类。itemStyle

演示

于 2012-10-29T06:13:45.413 回答
0

..现场演示

嗨，现在习惯Even和odd规则在 css

.itemStyle:nth-child(odd) {
clear:left;
    float:left;
}

更多信息偶数或奇数规则

于 2012-10-29T06:35:26.630 回答
0

这是浮点数的常见问题。

如果您不需要 IE7 支持，请使用display: inline-block; vertical-align: top;而不是。float:left;

有关跨浏览器解决方案，请参阅https://blog.mozilla.org/webdev/2009/02/20/cross-browser-inline-block/ 。

于 2012-10-29T06:45:33.603 回答