css百分比参照总结

参照父元素宽度的元素:padding margin width text-indent
       特别注意:`margin-top:20%;` 为父元素宽度的的20%。 
参照父元素高度的元素:height
参照父元素属性: font-size line-height
特别:top bottom left right

相对定位的时候,参照的是父元素的内容区域的高度与宽度,而绝对定位的时候参照的是最近的定位元素包含padding的高度与宽度。
即:相对定位只参照内容宽度,绝对定位参照padding box。

  

    
image.png

你可能感兴趣的:(css百分比参照总结)