HTML 设置标签默认属性使 body 为 100% 不出现滚动条

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% 高度时出现滚动条的情况

发表评论