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