垂直外边距合并的问题及解决方法

来源:互联网 发布:三菱plc编程数据线 编辑:程序博客网 时间:2024/04/30 20:12

1.同级元素发生外边距合并                     第一个盒子margin-bottom:30px; 第二个盒子margin-top:60px   最终两个盒子上下距离为60px{谁大显示谁的}                     

     解决办法1给{第二个}盒子浮动,2给第二个盒子绝对定位3给任意一个盒子加display:inline-block;

2父子级发生外边距合并                 给里面的儿子或者父亲自己margin-top:30px 二者会同时往下移动或者两者都给上外边距{谁大显示谁的}

    解决办法1给父亲加个边框 2给父亲加个内边距3给父亲加个overflow:hidden;4设置绝对定位5父亲display:inline-block
原创粉丝点击