码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-05-26 12:53:12      阅读:188      评论:0      收藏:0      [点我收藏+]

标签:过程   nbsp   直接   src   top   ffffff   round   bsp   方向   

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

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不支持任何负值

技术图片

 

 

 

 

 

 

 

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

标签:过程   nbsp   直接   src   top   ffffff   round   bsp   方向   

原文地址:https://www.cnblogs.com/zhangzhiyong1998/p/10924891.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!