Question

我知道砌体，但为了使fiddle中的黄色项目移动到位以形成一个漂亮的网格并填充那个空白区域，真的需要所有这些吗？

我觉得我错过了一些CSS成分。

<div class="wrapper">
  <div class="block red">red</div>
  <div class="block blue">blue<br/>blue</div>
  <div class="block yellow">yellow<br/>yellow<br/>yellow</div>
</div>

这些元素的高度应该是流动的。

http://jsfiddle.net/Kq2eB/

Answer 1

我尝试添加top和position:relative行，它似乎就是你想要它的地方，你可以玩它，但我希望我有所帮助！这是一个小提琴！ http://jsfiddle.net/Ghpb6/

Answer 2

我仍然想知道原始问题是否可行，但就目前而言，我已将我的标记拆分为2列。所以我就这么做了。

<div class="wrapper">
  <div class="column">
    <div class="block red">red</div>
    <div class="block yellow">yellow<br/>yellow<br/>yellow</div>
  </div>
  <div class="column">
    <div class="block blue">blue<br/>blue</div>
  </div>    
</div>

http://jsfiddle.net/Kq2eB/5/

浮动div，如何使元素适合

2 个答案: