首页猿问页面设置了固定大小并且设置了背景颜...

页面设置了固定大小并且设置了背景颜色，在火狐浏览器正常到谷歌就会发现下面出现留白，如何解决？

CSS3 Html/CSS Html5

慕粉3742620 2016-12-04 15:53:31

火狐浏览器显示效果谷歌浏览器显示效果

查看完整描述

3 回答

qq_hellohellola_03814043

TA贡献30条经验获得超21个赞

html,body{ height:100%} 之后在你这个页面的高度设置为100%就可以了。

1 反对回复 2016-12-06

慕的地6079101

TA贡献3593条经验获得超0个赞

反对回复 2021-10-15

我的520天

TA贡献4条经验获得超1个赞

给页面设置高度：html,body{height:100%}

反对回复 2016-12-06

self_potato

TA贡献53条经验获得超27个赞

试试 background:cover;

反对回复 2016-12-05

zhanbao

TA贡献14条经验获得超7个赞

如果背景色设置在 body 上的话，使用 CSS 如下

body {
    margin: 0;
    padding: 0;
}

之所以这种情况的原因是——浏览器在一些标签元素上有一些默认样式。

如果背景色设置在 div 上的话，就 CSS 如下

div {
    margin: 0;
    padding: 0;
}

即可。

反对回复 2016-12-05

关注