css - 为什么不显示背景 css 颜色？

Question

谁能解释为什么最外层的div在内部div的边距空间中没有显示背景色？

<div style="background-color:yellow;">
    <div style="margin-top:10px;background-color:black;color:white;">
        Why isn't the background color yellow inside my top margin?
    </div>
</div>

Answer 1

div 是 block 元素，但它们自己不占用空间(除了创建一个换行符)所以你的内部 div 填充了外部 div 内的所有可用空间，掩盖了黄色背景。向最外层的 div 添加一些内边距，您将看到黄色。