2011-08-25 76 views
2

表现不同这里的网站,我在4个编码浏览器的截图:http://img801.imageshack.us/img801/2510/browsersj.jpgCSS3列在不同的浏览器

有CSS3列(在IE中,有一个jQuery插件模拟CSS3列的行为)。正如你所看到的,Opera和Firefox使第一列相对于其他列略微下降。这是第一段的余量。 Chrome会忽略第一段的边距并正确对齐所有内容。

我发现这个CSS规则有助于消除这个问题:

.column-3 > *:first-child { margin-top: 0; } 

不过,我觉得这有点哈克(什么?如果我想的第一个元素保留在某些特定情况下的保证金) 。你是否碰巧知道这个问题的其他解决方案(最好是一些干净可靠的东西,比如box-sizing属性在不同浏览器中处理不同的默认盒子模型)?

[编辑]

好吧,我发现在Firefox中,这个问题是一个overflow:hidden;集的div容器。删除它解决了这个问题。

不过,Opera不会合作。

按@凯尔的要求,这里的代码重现该问题在Opera:如果http://jsfiddle.net/LVqtD/1/

+0

我们可以看到HTML标记吗? – Kyle

回答