HTML 中的 html 和 body 不同浏览器的设置不同,应当设置统一的默认值,防止不同浏览器出现不同的效果,如下:
*, html, body {
margin: 0;
padding: 0;
}
html, body {
width: 100%;
height: 100%;
}
body {
position: relative;
top: 0;
bottom: 0;
margin-bottom: 20px;
}
也解决 body 标签在 100% 高度时出现滚动条的情况