对齐不同高度的div

时间:2013-12-17 10:38:23

标签: html css css3

将左边的div与容器内的不同高度对齐的最佳方法是什么。

看起来很小:

<div class="container">
    <div style="height: 20px;">1</div>
    <div>2</div>
    <div style="height: 20px;">3</div>
    <div>4</div>
    <div style="height: 20px;">5</div>
    <div style="height: 20px;">6</div>    
</div>

可以添加一些css3代码,如:nth-​​child?因为我无法在div之间添加div,所以此代码位于CMS内的块内。

http://jsfiddle.net/andersonfetter/2dWR5/1/

我的真实情况是在这个网站上:http://www.devcore.com.au:17002/Consultant-Team/

1 个答案:

答案 0 :(得分:1)

您可以使用clear:left;高度不同且div未对齐的地方。我检查了您的网站并提出了这个解决方案。尝试一次。

enter image description here