股利不正確對齊用css電網

Question

我使用這個頁面，在這裏我列出我的Instapaper的書籤上的960網格系統：http://labs.tonyhue.com/bookmarks/

然而，社交媒體部分從靜止掀起。在編程部分之後，它應該與右邊對齊。有任何想法嗎？

Answer 1

爲您的.grid_6容器添加（固定）高度。

.grid_6 {height:250px; /*or something else*/} 

您的問題發生在具有不同高度的浮動元素上。

約浮游尼斯閱讀：http://coding.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know/

編輯： 否則，你可以添加一個包裝元素，以清除浮動：

<div class="wrapper"> 
    <div class="grid_6"></div> 
    <div class="grid_6"></div> 
</div> 

<div class="wrapper"> 
    <div class="grid_6"></div> 
    <div class="grid_6"></div> 
</div> 

您可以.wrapper {overflow:hidden;}清除浮筒或可以使用clearfix方法：http://perishablepress.com/press/2009/12/06/new-clearfix-hack/