html表格到层的相对位置,在Firefox中定位问题？位置：相对于一个显示器：表格元素...

我的HTML：

我的CSS：

html, body {

margin: 0; padding: 0;

height: 100%;

width: 100%;

}

article.layer {

position: relative;

display: table;

height: 100%;

width: 100%;

}

article .left, article .right {

position:absolute;

width: 50%;

height: 100%;

min-height:100%;

display:table;

}

article .left { left: 0; top: 0; }

article .right { left: 50%; top: 0; }

所以每篇文章都设置为display:table和宽度为100％和100％的高度。 body和html也是100％宽和高的。因此每篇文章都是当前浏览器窗口的大小。

请注意，每个article.layer设置为position:relative。

最新文章有两个div s位于absolute所以一个位于左边和一个位于右边。

这适用于所有浏览器，Firefox除外。在Firefox中div.left和最后一篇文章的div.right显示在顶部覆盖的第一篇文章......

这里有一个现场演示：http://jsbin.com/ubulot/edit#preview 测试它在Firefox中，你看到的问题。我的Mac上安装了FF 9.0.1。

任何想法我在这里做错了吗？

2012-01-21

matt