欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

CSS--百分比都是相对于谁计算的?

程序员文章站 2022-06-27 21:05:16
CSS 百分比都是相对于谁计算 [Toc] 相对于父级元素宽高 + , , ,`padding text indent` ... 等 相对于父级定位元素宽高 + , , , 相对于自身宽高 + , , , 相对于自身字体大小 + 相对于继承字体大小 + `font size` ......

css--百分比都是相对于谁计算

相对于父级元素宽高

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

相对于父级定位元素宽高

  • top, left, right, bottom

相对于自身宽高

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

相对于自身字体大小

  • line-height

相对于继承字体大小

  • font-size