保留子元素

可能重复:
子元素的边距移动父元素

我有一个父div包含一个子div。 Parent是身体中的第一个元素,没有特定的CSS风格。 当我设置

.child {
   margin-top: 10px;
}

最终的结果是child顶部仍然与parent对齐。 而不是child向下移动10px,我的父母向下移动10px。

我发现添加填充到parent可以工作,但我读过这不是解决问题的方法。 为什么? 如果我想要margin-right我可以在parentpadding-right同样如果我想要margin-top我也可以padding-top并获得正确的结果。

父母元素移动父元素边缘有人说:

如果你想要一个顶部边缘......怎么办? 并非真正的解决方案。 如果需要顶部边距,这不是一个真正的解决方案。

他想说什么? 请解释。


从CSS Margin在Mozilla开发者网络上崩溃:

家长和第一个/最后一个孩子

如果没有边框,内边距,内嵌内容或间隙以将块的边缘顶部与其第一个子块的边缘顶部分开,那么这些边缘会折叠。 折叠后的保证金最终在家长之外。

链接地址: http://www.djcxy.com/p/87775.html

上一篇: Margin on child element

下一篇: HTML 5 strange img always adds 3px margin at bottom