股利不正确对齐用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/