Css 为什么孩子会离婚'；s的保证金会影响母公司的保证金吗？

请参阅

我有三个div，由jquery设置为窗口高度，它们有一个底部边距，称为“.pannel”。在每个“.pannel”中都有一个名为“.pContent”的子级，该子级具有顶部填充

我的问题是当“padding top:3%；”更改为“margin top:3%；”时，.pContent为什么要更改父级的上边距

---

谢谢大家!

边缘塌陷。请参阅下面的参考资料，了解一些避免使用的示例

请参见应用于.pannel的小提琴-隐藏溢出

---

保证金崩溃。请参阅下面的参考资料，了解一些避免使用的示例

请参见应用于.pannel的小提琴-隐藏溢出

这是由于-如果没有边框、填充、间隙或线框将它们分隔开，块级元素的上边距将始终与其在流块级子元素中的第一个上边距一起塌陷。防止此行为的一种方法是将每个包含div的显示值更改为

内联块

：

这是由于-如果没有边框、填充、间隙或线框将块级元素分隔开，则块级元素的上边距将始终与其流中第一个子元素的上边距一起塌陷。防止此行为的一种方法是将每个包含div的显示值更改为

内联块

：

---

唯一的问题是，当更改为内联块时，div不再以自动左、右边距居中。将其保留为原始格式是否会有任何错误、兼容性问题等？还有其他方法-正如@staircaseebug所指出的，您还可以通过添加

overflow:hidden来创建新的块格式上下文

到

.pannel

：唯一的问题是当更改为内联块时，div不再由自动左、右边距居中。将其保留为原始格式是否会有任何错误、兼容性问题等？还有其他方法-正如@staircaseebug所指出的，您还可以通过添加

overflow:hidden来创建新的块格式上下文至
.pannel
：
.pannel {
width: 100%;
padding-bottom: 10%;
overflow:hidden;
}
.pContent {
width: 90%;
height: auto;
margin: 0 auto 0 auto;
margin-top: 3%;/* Why can't this be margin top? */
}