html - 边距如何适用于带背景元素内部带背景的 div？

Question

您可以在 jsfiddle - http://jsfiddle.net/Askerov/xz4t4bce/ 上观看问题

问题是我想移动内部元素，但我不想让父元素随之移动？任何人都可以解释它是如何工作的吗？我该如何移动这样的元素？

.aa{
background:#ccc;
width:600px;
height:300px; } 
.bbb{
background:#333;
width:150px;
height:50px;
margin-top:40px;}

<div class='aa'>
<div class='bbb'>
</div>

Answer 1

您看到的是 collapsing margins .只需将 overflow:auto; 添加到父 div 即可恢复您寻求的行为

jsFiddle example