定位（left 、right 、top 、 bottom）、padding、margin 值设为百分比值时

定位（left 、right 、top 、 bottom）：

top 为例

 

 

 

right 为例

 

 

padding、margin ：

当padding、margin 值设为百分比值时，其百分比会相对于父元素的宽度 Width 。不论是上下内外边距，还是左右内外边距，均是相对于其父元素的宽度 Width 。即上下内外边距与左右内外边距一致；即上下内外边距的百分数会相对于父元素宽度设置，而不是相对于高度。

转载于:https://www.cnblogs.com/JaneBlog/p/7423142.html