漂浮在宽内容空间中的几个块上

Question

对于我目前的项目，我必须向左边浮动几个街区。我的内容块是720px宽，而块的宽度是350px。但有些人为什么不互相漂浮。其中有一些，有些没有。我向每个块添加了规则float：left。我会用手漂浮它们，但我不知道块的顺序，所以不能预测它看起来如何; 以下是现在的截图：http://d.pr/i/OKpc

Answer 1

如果我理解你的问题，这里有几个不同的解决方案。首先，您可以使用一些现代选择器将clear: left添加到每个偶数块：

.block-views:nth-child(2n+1) { clear: left; }

这在Internet Explorer 8或更低版本中无效。

下一个解决方案是在每隔一个块之后添加一个带clear: both的额外div：

HTML：

<div class="block block-views">...</div>
<div class="block block-views">...</div>
<div class="clear"></div>
<div class="block block-views">...</div>
<div class="block block-views">...</div>
<div class="clear"></div>
<div class="block block-views">...</div>
<div class="block block-views">...</div>

CSS：

.clear { clear: both; }