我发现为整个设置背景颜色<html>元素（高度未设置为 100%）导致整个视口设置为该颜色
这个html
<!DOCTYPE html>
<html>
<head>
<style>
html {
background-color: green;
border: 5px dashed white;
margin : 20px
}
body {
background-color: wheat;
border: 5px dashed red;
margin : 20px
}
</style>
</head>
<body>
1
<br>
2
<br>
3
</body>
</html>
会得到这样的结果
显然，html元素的高度小于视口的高度，为什么背景颜色可以扩展到整个视口？
Because 规范是这么说的 https://www.w3.org/TR/CSS2/colors.html#background:
根元素的背景变成了
画布并覆盖整个画布，锚定（对于
'背景位置'）在同一点，如果它是
仅为根元素本身绘制。根元素不
再次绘制这个背景。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
