Div使用css网格无法正确对齐

Question

我在此页面上使用960网格系统，其中列出了我的instapaper书签：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/