关于margin和padding取值为百分比和负值的总结

Posted 2021-12-06 zhangzhiyong1998

以下是自己学习过程中的总结，直接上结论：

1.margin/padding取值为百分比：

      margin和padding四个方向上的取值为百分比都是参照父级元素的宽度来计算的。

2.margin取值为负值：
      比如 margin-top / right / bottom / left :  -100px; 为负值的情况讨论如下：

①：

 ②：若元素存在width：则正常：

     比如 div { margin: 10px 2% -40px 0 } 表示该盒子顶边距为10px，右边距是父元素宽度的2%，下边距为-40px，左边距为0

3.padding取值为负值：padding不支持任何负值