为什么#box border从body继承border？我尝试检查Chrome开发人员工具中的html源代码，并注意到<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>The Box Model</title>
<style>
body {
background-color: gray;
margin: 0;
padding: 0px;
border: 10px solid black;
}
#box {
background-color: blue;
padding: 10px 10px 10px 10px;
width: 300px;
}
#content {
background-color: #90EE90; /*green*/
}
h1 {
margin-bottom: 30px;
}
</style>
</head>
<body>
<h1>Box Model</h1>
<div id="box">
<div id="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. </div>
</div>
</body>
</html>
未被继承。
page.document答案 0 :(得分：3)
添加此border: inherit;它将从父级继承border属性。
CSS：
#box {
background-color: blue;
padding: 10px 10px 10px 10px;
width: 300px;
border: inherit;
}
答案 1 :(得分：1)
你需要继承属性。您可以添加 -
#box {
border: inherit;
}
答案 2 :(得分：1)
默认情况下会继承某些属性，有些属性不是必须明确指定＆＃39; inherit＆＃39;继承父属性
https://www.w3.org/TR/CSS21/propidx.html
https://developer.mozilla.org/en-US/docs/Web/CSS/inheritance
答案 3 :(得分：1)
在CSS中，＆＃34; border＆＃34;默认情况下，它不是继承属性。