<分区>
如果我将 margin-top: 50px;
添加到 #box
那么 #container
也会得到 margin-top
,但是如果我将 #margin-left: 50px
添加到 #box
那么为什么 #container
没有得到 margin-离开了
?
Fiddle
HTML:
<body>
<div id="container">
<div id="box">box</div>
</div>
</body>
CSS:
#container {
width: 500px;
height: 500px;
background-color: gray;
margin-top: 30px;
margin-left: 30px;
}
#box {
width: 100px;
height: 100px;
background-color: orange;
margin-top: 10px;
}