【发布时间】：2014-09-19 19:59:42
【问题描述】：
我在重复基础“中 4 列”时遇到问题。当它进入第二行时，网格表现非凡.. 看看我的link1 在 chrome 中，它从第二排的右侧开始。在 Firefox 中，它会刹车。 均衡器也不能在这个页面上工作..它在其他页面上工作，比如link2
【问题讨论】：
-
你能发布你的代码吗？
标签： html css zurb-foundation
【发布时间】：2014-09-19 19:59:42
【问题描述】：
虽然 Sai Ram Sudheer 对于 Foundation 的 12 列网格确实有一个正确答案，但您还应该看看 block-grid 功能。
【讨论】：
Foundation 框架默认有 12 列网格结构。
最好的使用方法是为每 12 列设置 row 类。
问题：
如果您查看第二列 - 嵌入式 GIMBLE DOWN LIGHT WIDE LENS。与该行中的其他列相比，它占据了更多的高度。所以具有 float:left 的 product2 不能浮动到行首。
解决方案：
1.每 12 列使用 row 类。
2.如果您有复杂的网格结构并且不使用 row 类，请在 product2 上使用 clear:both 将其与新行对齐。
检查这个答案不是基于foundation而是类似的问题--LINK
【讨论】：