有没有办法让div向左和向上漂浮,无视兄弟姐妹的身高?

时间:2013-10-02 05:11:50

标签: html grid

我有四个div,每个都有50%的宽度;浮动:左,不同的高度。 问题是每个'line'有两个div,但是直到两个div都结束后才开始下一个div。 (即,Div2比div1高很多,但是div3不符合div1,它从div2的底部开始)

 DIV1 DIV2
      DIV2
      DIV2
 DIV3 DIV4
 DIV3 DIV4

有没有办法让它们像以下一样漂浮起来??

DIV1 DIV2
DIV3 DIV2
DIV3 DIV2
DIV4
DIV4

1 个答案:

答案 0 :(得分:1)

只需在右侧列和左侧列中添加容器即可。 EG:<div class="rhs-container"></div><div class="lhs-container">

示例这里: http://jsfiddle.net/W5FTP/