html - 页脚问题；当我调整窗口大小时，右侧有一个大空白

Question

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

http://jsfiddle.net/WTABE/

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

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

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

Answer 1

好的。所以我发现它与花车有关，我只是从中取出了花车:

footerContent #quicknav li {float:none;宽度:150px;}

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

但 IE 和 Firefox 确实给我带来了问题。如果您调整浏览器的大小，页脚会调整并卡住...就像当您使用水平栏向右滚动时，您将页脚留在了您离开它的地方。向左转。并且又出现了一些奇怪的额外空白。这无疑与更多的 float 有关(尝试在所有元素上放置边框，并一次删除一个 DIV 部分，直到大部分空白消失)。

这家伙没有使用 float ，但这就是我的浏览器在 IE 或 Firefox 中的样子: css white-space:nowrap horizontal scroll bug