Div 未使用 css 网格正确对齐

Question

我在此页面上使用 960 网格系统，其中列出了我的 instapaper 书签：http://labs.tonyhue。 com/bookmarks/

然而，社交媒体部分与其他部分分开。它应该与编程部分之后的右侧对齐。有什么想法吗？

Answer 1

向您的 .grid_6-Container 添加（固定）高度。

.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;} OR 清除浮动，您可以使用clearfix 方法： http://perishablepress.com/press/2009/12/06/new-clearfix-hack/