0

好的，这一直困扰着我几个小时，我不仅无法解决这个问题，而且我不明白为什么会这样（公平地说是早上 6 点@_@）。无论如何，所以我试图让页脚连续，一个简单的颜色。页脚内容由几个不同宽度的垂直框组成。我正在使用带有列表的无序列表来完成此操作。

http://jsfiddle.net/WTABE/

当浏览器最大化时一切都很好，但是当我调整它的大小时，会出现一个水平滚动条，当你向右滚动时，页面会被切断，更右边是一个很大的空白。

现在，每当我在 #footerContect ul {} 中取出宽度时，这个问题就会消失，但列会自行脱离中心。即使我自己调整 li> 内容的各个宽度，它对空白的大小也几乎没有影响。即使我将 li> 组件的宽度缩小到 50px 并将 UL 宽度缩小到 500px（我这样做是为了看看会发生什么），空白仍然存在！

一定有一些我在这里遗漏的东西，因为我还尝试将 li> 的边距和填充设置为零，它们都混合在一起，但空白仍然存在。

4

1 回答 1

0

好的。所以我发现它与浮动有关，我只是从以下位置取出浮动：

页脚内容#quicknav li {浮动：无；宽度：150px;}​</h1>

现在它在 chrome 上看起来很完美。

但是 IE 和 Firefox 确实给我带来了问题。如果您调整浏览器的大小，页脚会调整并卡住......就像当您使用水平栏向右滚动时，您会将页脚留在您离开它的位置。向左转。还有一些奇怪的额外空白再次发生。这必须与更多的浮动（尝试在所有元素上放置边框，并一次消除一个 DIV 部分，直到大部分空白消失）。

这家伙没有使用浮动，但这就是我的浏览器在 IE 或 firefox 中的外观： css white-space:nowrap Horizo​​ntal scroll bug

于 2012-09-23T20:30:31.007 回答