【发布时间】：2012-06-05 17:50:17
【问题描述】：
这是我在 4 个浏览器中编码的网站的屏幕截图：http://img801.imageshack.us/img801/2510/browsersj.jpg
有 CSS3 列（在 IE 中，有一个 jQuery 插件模拟 CSS3 列的行为）。如您所见，Opera 和 Firefox 使第一列相对于其他列略微降低。这是第一段的边距。 Chrome 会忽略第一段的边距并正确对齐所有内容。
我发现这条 CSS 规则有助于解决这个问题：
.column-3 > *:first-child { margin-top: 0; }
不过，我觉得这有点 hacky（如果我希望第一个元素在某些特定情况下保留边距怎么办？）。你碰巧知道这个问题的任何其他解决方案（最好是干净可靠的东西，有点像 box-sizing 属性在不同的浏览器中处理不同的默认框模型）？
[编辑]
好的，我发现在 Firefox 中，问题是在容器 div 上设置了 overflow:hidden;。删除它解决了这个问题。
不过，Opera 不会合作。
根据@Kyle 的要求，这里是在 Opera 中重现该问题的代码：http://jsfiddle.net/LVqtD/1/
【问题讨论】：
-
我们也能看到 HTML 标记吗？
标签： css cross-browser