文章目录 盒子塌陷问题 1 出现问题 2 解决办法 3 测试 4 总结 盒子塌陷问题 1 出现问题 有两个嵌套DIV盒子,父盒子里面有一个子盒子,想让子盒子与父盒子上边框之间有一段间距,但是给子级元素添加的外边距没有起效果,效果显示在了父级元素的身上。 示例: 设置大小两个DIV盒子,父盒子宽高各200px,子盒子宽高各50px。 HTML结构为: <body> <div class="box1"> <div class="box2"></div> </div> </body> CSS样式为: *{ margin: 0; padding: 0; } .box1{ width: 200px; height: 200px; background-color