页脚问题;当我调整窗口大小时,右侧有一个大空白



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

http://jsfiddle.net/WTABE/

当浏览器达到最大值时,一切都很好,但当我调整大小时,会出现一个水平滚动条,当你向右滚动时,页面会被截断,再向右是一个大空白。

现在,每当我去掉#footerContect ul{}中的宽度时,这个问题就会消失,但列本身却不居中。即使我自己调整li>内容的各个宽度,也不会对空白的大小产生什么影响。即使我将li>组件的宽度缩小到50px,将UL宽度缩小到500px(我这样做是为了看看会发生什么),空白仍然存在!

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

好的。所以我发现这与浮子有关,我只是从中取出浮子

footerContent#quicknav-li{float:none;width:150px;}​

现在它在镀铬上看起来很完美。

但IE和Firefox确实给我带来了问题。如果你调整浏览器的大小,页脚就会调整并卡住。。。当你用水平条向右滚动时,你会把页脚留在左边。还有一些奇怪的额外的白色间隔再次发生。这必须通过更多的浮动来实现(尝试在所有元素上设置边界,并一次消除一个DIV部分,直到大部分空白消失)。

这个家伙没有使用float,但这就是我的浏览器在IE或firefox中的样子:css空白:nowrap水平滚动错误

最新更新