根据规范,一个盒子如果没有上补白(padding-top)和上边框(border-top),那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。
父元素的第一个子元素的上边距margin-top如果碰不到有效的border或者padding.就会不断一层一层的找自己上级(父元素,祖先元素)。
解决办法:①父元素加一个上边框 ②父元素加overflow:hidden ③父元素设置padding-top
根据规范,一个盒子如果没有上补白(padding-top)和上边框(border-top),那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。
父元素的第一个子元素的上边距margin-top如果碰不到有效的border或者padding.就会不断一层一层的找自己上级(父元素,祖先元素)。
解决办法:①父元素加一个上边框 ②父元素加overflow:hidden ③父元素设置padding-top