CSS百分比設置都是相對於誰

CSS--百分比都是相對於誰計算

 

目錄

• CSS--百分比都是相對於誰計算
  • 相對於父級元素寬高
  • 相對於父級定位元素寬高
  • 相對於自身寬高
  • 相對於自身字體大小
  • 相對於繼承字體大小

 

相對於父級元素寬高

• width, height, margin,padding, text-indent ... 等

相對於父級定位元素寬高

• top, left, right, bottom

相對於自身寬高

• border-radius, translate, transform-origin, zoom,background-size

相對於自身字體大小

• line-height

相對於繼承字體大小

• font-size