设置body的宽高后,为什么设置background-color还是会铺满全屏

1.当我给body标签设置了width和height后,再给body设置background-color,为什么还是会铺满整个屏幕呢?

2.代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        body{
            width: 400px;
            height: 400px;
            margin: 0 auto; 
            padding: 10px;
            border: 10px solid red;
            background-color: gray;

        }
    </style>
</head>
<body>
</body>
</html>

3.结果:
图片描述

阅读 4.6k
1 个回答
*当html标签无背景样式时,body的背景色其实不是body标签的背景色,而是浏览器的。一旦html标签含有背景色,则body的背景色变成了正常的body标签(一个实实在在,普普通通标签)的背景色,而此时的html标签最顶级,背景色被浏览器获取,成为浏览器的背景色*

以上语句来自张鑫旭博客,详情可以点击这里查看详情

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏