1

我有一个非常具体的布局可以用 HTML/CSS 来实现。基本上我有一个文本容器，里面有几个左浮动框。然后我有一个页脚，需要在底部与这个文本容器重叠几个像素。我通过在页脚上使用负上边距并position:relative在文本容器和页脚上设置和 z-index 以使页脚层堆叠在文本容器上方来实现这一点。

它可以在小提琴中得到最好的证明：http: //jsfiddle.net/sW9cu/2/。

问题在于，在 IE9 和 Firefox 18 中，页脚的内容会清除文本框的内容，而在 Chrome 中，页脚的内容会覆盖文本框的内容而没有任何清除。

我基本上需要这在 IE7+、Firefox 和 Chrome 中保持一致，无论哪种方式。不关心哪种方式 - 它可以清除或重叠，但无论浏览器如何，它都需要表现相同。

谁能看到它为什么这样做以及如何纠正它？这可能与我在文本容器上使用的微清除修复有关，但我真的不确定。

感谢任何人的指点 - 这个让我难过！

4

2 回答 2

0

排序。我无法克服当前标记的问题，但通过删除负顶部位置并在页脚内添加一个绝对定位的 div 具有负顶部值 ( top: -20px;) 已实现我正在寻找的内容。见：http: //jsfiddle.net/sW9cu/4/。

于 2013-01-24T15:14:21.933 回答
-4

据我所知，答案是 CSS 中的 WebKit

Internet Explorer、Firefox 和 WebKit 是三个不同的东西。Safari 和 Chrome 使用 Webkit。moz 用于 Mozilla o 用于 Opera “正常”用于 Internet Explorer。

你可以在这里阅读更多

于 2013-01-24T11:33:31.790 回答