css - CSS 向左、向右、向左、向右浮动……全部到顶部

Question

我知道这个问题的可怕标题。对不起。

我有四个与此类似的div 。我想要做的只是让 div 编号 2 和 4 之间的垂直空间被删除，而不改变 HTML 的结构。是否可以仅使用 CSS（当然没有负边距或其他非通用解决方案）？在 div 2 比 1 长的情况下，我还希望 div 1 和 3 没有垂直空间。

期望的结果在图形上看起来像这样。

谢谢。

score 1 · Accepted Answer

好吧，不仅仅是花车。那将是使用绝对定位，或更改 html 的结构，使您的 div 编号 #2 和 #3 野兔右浮动，然后在 div #4 上左浮动。

绝对定位和负边距是另一种选择，不是很动态，但它有效。

最好的选择是使用一些 jQuery 来解决您的问题。退房： http: //masonry.desandro.com/

score 0 · Accepted Answer

添加到第4个div的代码

position:relative;
top:-100px;

寻找添加到第 4 个 div 的类

2 回答 2