处理元素margin叠加(合并)的解决方法

处理margin叠加的解决方案

      • 方法1::利用flex布局对子元素的影响解决
      • 方法2:利用外层padding值代替内部元素的margin;
      • 方法3:绝对定位postion:absolute;
      • 方法4:给父元素加边框 border(可以加个透明的边框)
      • 方法5:给父级或者子级设置float

方法1::利用flex布局对子元素的影响解决

  • 子元素的float、clear和vertical-align属性将会失效;
  • 解决了margin传递、重叠(叠加)问题;

方法2:利用外层padding值代替内部元素的margin;

方法3:绝对定位postion:absolute;

方法4:给父元素加边框 border(可以加个透明的边框)

方法5:给父级或者子级设置float

你可能感兴趣的:(前端知识库,前端,css,css3)