我需要找到一种方法来清除一组浮动元素而无需额外标记。
例如,我有一个 2 列网格section#main_features
。每个div.feature
都有width: 50%
并且是float: left
。我想要的是找到一种方法来清除没有额外的 html 标记的行(因为我想制作一个简单的语义网格)。
<section id="main_features">
<div class="feature">
...
</div>
<div class="feature">
...
</div>
<div class="feature">
...
</div>
<div class="feature">
...
</div>
</section>
请注意,这里的行只是一个“概念”(每行是两个.feature
)。我正在使用语义方法来构建这个网格,因此我不想包装每一行的列,然后清除这个包装器。我正在寻找一些技巧来清除并仅使用 css - 或 scss,less 等来打破行。
这个问题似乎比看起来更复杂。
提前致谢。