如何在没有垂直间隙的情况下浮动元素？

Question

我试图浮动元素.这是我的css:

width: 320px;
float: left;
border: 1px solid #ccc;
margin-top: 10px;
margin-right: 10px;
border-radius: 5px;

我的生成输出

但我想以这种格式显示我的div

请帮帮我.如何使用CSS防止垂直间隙？

Answer 1

如果始终有两列,并且内容始终位于左列或右列,则可以在第二列上使用float,这将解决问题.

.container > .content-box:nth-child(odd) {float:left}
.container > .content-box:nth-child(even) {float:right}

将来,CSS Flexbox将解决此问题; 然而,它尚未得到很好的支持.