为什么#box
从body
继承border
?我试图在Chrome开发人员工具中检查html源代码,并注意到border
未被继承。为什么边界不是从这里继承的?
<!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>
默认情况下,边框不会被继承。 – inarilo
我在代码中的任何地方都看不到'inherit' ..如果不指定它,它应该如何继承? –