margin&&padding设置成百分比数值的问题

margin,padding都可以应用百分比值,但与平常半分比不同的是,margin-top,margin-bottom,padding-top,padding-bottom,设置成百分比值时,参照的不是容器的高度,而是容器的宽度。

对这一现象有两种不同的解释:

1、例如当一个容器的padding-top设置成百分比时,若想设置此容器的子元素的padding-top也设置成百分比的值,子元素的padding-top增加又会导致其父元素的高度值变化,反过来继续影响子元素的padding-top值变化,如此无限循环。

2、是为了保持padding,margin四个值得统一。

无论垂直还是水平,百分比的值始终参照容器的宽度。

原文地址:https://www.cnblogs.com/fsx77/p/6020518.html