每三個帖子的摘錄顯示在其自己的行

Question

我試圖讓本頁上的摘錄顯示每行2。但是，每三分之一都出現在自己的路線上。不知道如何解決這個問題。這是網頁： http://emgraphics.net/nsfm/category/photos/和CSS是：

.hentry { 
    float: left; 
    margin-bottom: 10px; 
    margin-left: 10px; 
    margin-right: 10px; 
    margin-top: 10px; 
    width: 45%; 
} 

任何想法？謝謝！

Answer 1

修復寬度，刪除邊距。這些框需要明確的維度來維護網格佈局，否則它們將流動。

#container { 
    float: left; 
    width: 713px; 
} 

#content { } 

.hentry { 
    float: left; 
    height: 258px; 
    margin: 10px; 
    width: 335px; 
} 

Answer 2

它的寬度：45％* 3大於100％。 但45％* 2小於100％，所以應該工作。

您可能想要將每個主條目包裝在另一個div中並將其浮動。

Answer 3

您應該考慮使用display：inline-block而不是float： [http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/][1]

或者，您可以在塊上設置固定（最小）高度。