Javascript Firefox和Chrome页面底部的空白

几天前，我问过，在改变FF和Chrome浏览器窗口的大小时，如何删除页面右侧的空白。我很快得到了帮助并解决了这个问题（这里是帖子：）

但同样的提示似乎不适用于底部的空白区域。另外，无论窗口大小，它总是相同的高度，因此我认为它是

填充

或

边距

，但它似乎不是，因为对页面底部有任何影响的所有元素都将

填充

和

边距

设置为0

有什么想法吗？下面是相关的HTML和CSS

html{
保证金：0；
填充：0；
身高：100%；
宽度：100%；
位置：相对位置；
}
身体{
保证金：0；
填充：0；
身高：100%；
宽度：100%；
位置：绝对位置；
底部：0；
排名：0；
左：0；
右：0；
}
p{
保证金：0；
填充：0；
颜色：#1c1c；
}
img{
保证金：0；
填充：0；
}
.主集装箱{
位置：相对位置；
填充：0；
保证金：0；
}
.集装箱{
宽度：100%；
最小高度：100%；
位置：相对位置；
保证金：0；
填充：0；
}
.货柜：之后{
内容：“；
显示：块；
}
.标志{
浮动：左；
左边距：20px；
字体系列：'Advent Pro'，无衬线；
字号：100；
颜色：#1c1c；
}
@媒体屏幕和屏幕（最小宽度：768px）{
.标志{
浮动：左；
左边距：5px；
字体系列：'Advent Pro'，无衬线；
字号：100；
颜色：#1c1c；
}
}
.姓名{
浮动：左；
保证金：5x10px 0px 10px；
字体大小：37px；
}
.类型{
浮动：左；
宽度：50px；
边缘顶部：6px；
填充：1px 0px 1px 10px；
字体大小：15px；
左边框：1px实心#1c1c；
}
.导航{
浮动：对；
保证金：0；
填充：0；
列表样式：无；
宽度：300px；
}
@媒体屏幕和屏幕（最小宽度：500px）{
.导航{
浮动：对；
保证金：0；
填充：0；
列表样式：无；
宽度：444px；
}
}
李国荣先生{
浮动：左；
填充：16px 10px 13px 10px；
字体系列：'Advent Pro'，无衬线；
字号：200；
字号：17px；
颜色：#1c1c；
}
李海军：悬停{
边框底部：2个实心#1C1C；
}
@媒体屏幕和屏幕（最小宽度：500px）{
李国荣先生{
浮动：左；
填充：16px25px 13px25px；
字体系列：'Advent Pro'，无衬线；
字号：200；
字号：17px；
颜色：#1c1c；
}
}
.重新定位{
位置：绝对位置；
左：50%；
-webkit转换：翻译（-50%，-0%）；
-moz变换：平移（-50%，-0%）；
}
@媒体屏幕和屏幕（最小宽度：768px）{
.重新定位{
位置：静态；
浮动：对；
-webkit转换：翻译（-0%，-0%）；
-moz变换：平移（-0%，-0%）；
}
}
.导航栏切换{
边缘顶端：13px；
位置：绝对位置；
右：0；
}
.崩溃{
高度：56px；
宽度：100%；
}
.导航栏标题{
浮动：左；
显示：内联块；
高度：55px；
填充：0；
保证金：0；
}
.主体{
宽度：100%；
填充：0 20px 0；
保证金：0；
浮动：左；
}
.幻灯片放映{
宽度：100%；
保证金：0；
填充：0；
}
法丹先生{
宽度：100%；
保证金：0；
填充：0；
}
法登先生{
宽度：95.9%；
位置：绝对位置；
左：50%；
-webkit转换：翻译（-50%，-0%）；
-moz变换：平移（-50%，-0%）；
保证金：0；
填充：0；
}
@媒体屏幕和屏幕（最大宽度：1025px）{
法登先生{
宽度：96%；
位置：绝对位置；
左：50%；
-webkit转换：翻译（-50%，-0%）；
-moz变换：平移（-50%，-0%）；
保证金：0；
填充：0；
}
}
@媒体屏幕和屏幕（最小宽度：1120px）{
法登先生{
宽度：自动；
身高：85.8%；
位置：绝对位置；
左：50%；
-webkit转换：翻译（-50%，-0%）；
-moz变换：平移（-50%，-0%）；
保证金：0；
填充：0；
}
}
@媒体屏幕和屏幕（最小宽度：1441px）{
法登先生{
宽度：72.3%；
位置：绝对位置；
左：50%；
-webkit转换：翻译（-50%，-0%）；
-moz变换：平移（-50%，-0%）；
保证金：0；
填充：0；
}
}
.mainfoter{
宽度：100%；
高度：20px；
位置：绝对位置；
底部：0；
保证金：0；
填充：0；
浮动：左；
}
.页脚{
位置：相对位置；
底部：1px；
浮动：对；
宽度：100%；
高度：20px；
填充：0 10px 0 0；
背景色：#F8；
边框：1px实心#E7E7E7；
保证金：0；
}
.版权所有{
浮动：对；
字体系列：“临临”，无衬线；
字号：100；
字体大小：12px；
保证金：0；
填充：0；
}
@媒体屏幕和屏幕（最小宽度：1441px）{
.版权所有{
浮动：对；
字体系列：“临临”，无衬线；
字号：200；
字体大小：12px；
保证金：0；
填充：0；
}
}
李媒体{
浮动：左；
列表样式：无；
位置：相对位置；
右：30px；
底部：2px；
利润率：0.3px 0.3px；
填充：0；
}
@仅介质屏幕和（最大宽度：480px）{
李媒体{
显示：无；
}
}

切换导航



蒂姆·科林摄影2015版权所有。版权所有

看起来页脚中的

ul

正在向下推东西。尝试添加：

.media {
    margin: 0;
    padding: 0;
}

---

看起来页脚中的

ul

正在向下推东西。尝试添加：

.media {
    margin: 0;
    padding: 0;
}

---

我知道这是一个简单的解决办法。我很惊讶你们这么快就能找到这样的东西。谢谢@Will！您是否使用Firebug或Chrome的开发工具？“检查”元素并实时调整此CSS通常比在编辑器中执行（用于调试）要快。还有很多背景色：红色，看看哪里有什么从来没有试过，没有。当我赢了的时候，我一定会去看看；我不需要为了这些简单的事情来这里，哈哈。哦，是的，我用背景色a