div没有使用css网格正确对齐答案

【问题标题】：Div not aligning properly using css griddiv没有使用css网格正确对齐
【发布时间】：2011-08-22 05:16:42
【问题描述】：

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

但是，社交媒体部分与其他部分不同。它应该在编程部分之后与右侧对齐。有什么想法吗？

【问题讨论】：

编程部分也应该右对齐吗？

【解决方案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/

【讨论】：

这是有道理的。我在每一行之后添加了
。排序相同，语义较少。
当然……随便你起什么名字 :)