將不同高度的div對齊

將容器內左側的div與不同高度對齊的最佳方式是什麼？將不同高度的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代碼：第n個孩子？由於我無法在div之間添加div，因此此代碼位於CMS內的塊內。

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

我真實的情況是在這個網站：http://www.devcore.com.au:17002/Consultant-Team/

來源

2013-12-17 AFetter

你的'div's都是一樣的高度嗎？ – putvande

對齊如何？在jsfiddle有他們相同的高度。 – peterh

使用'float：left'作爲'div's，'overflow：auto'作爲容器 – Shahe

您可以使用clear:left;，你的高度有不同，在左邊的DIV不對齊。我已檢查您的網站，並拿出這個解決方案。嘗試一次。

enter image description here

來源

2013-12-17 10:42:36

我想我並不清楚。我喜歡並排的divs。高度無關緊要。 – AFetter

請參閱我編輯的答案。我已申請清除：左側，現在它已對齊。 –

但是，如果我添加明確：留在.both我做一列。 – AFetter

將不同高度的div對齊

回答

相關問題