css – 浮动div两列布局空格

2023年8月17日 180次阅读

我有X个帖子,每个帖子都有固定的宽度和未知的高度,并希望它们在一个div-wrapper中分成两列.但是,当我把它们全部放在左侧时,会发生这种情况.

如何删除空格？

最佳答案 添加清晰：右边的偶数块和清除：左边的奇数！

<style type="text/css">
    .odd { float: left; clear: left; }
    .even { float: right; clear: right; }
</style>

<div class="odd">content</div>
<div class="even">content</div>
<div class="odd">content</div>
<div class="even">content</div>
<div class="odd">content</div>
点赞