外边距重叠问题:"/>
父子元素外边距重叠问题:
父子元素外边距重叠问题:
产生原因:垂直方向,父子元素的外边距重叠,所以给子元素设置的外边距会传递给父元素
解决:父子外边距开始位置不重叠
父元素
方案1:设置边框
border:;
方案2:设置内边距
添加属性box-sizing:border-box
方案3:设置overflow的值非visible,常用的hidden
方案4: 给父元素通过::before添加一个table子元素,必须要写content属性 推荐使用
1.此时给content设置上外边距,box盒子跟着一起移动
2.用伪元素选择器解决上边距重叠问题
更多推荐
父子元素外边距重叠问题:
发布评论