css – 相对填充是相对于什么?

前端之家收集整理的这篇文章主要介绍了css – 相对填充是相对于什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果我的风格为< h1>元素与填充:1.2em或填充:10%,是相对于:

>< h1>的font-size元件?
>< h1>的高度元件?
>父元素的填充?
>别的东西

em和%有差异吗?

解决方法

em和%的确是不同的:

埃姆斯

填充大小相对于该元素的计算字体大小.

所以,如果你的< h1>的计算字体大小是16px,那么填充= 1.2×16像素= 19.2像素的1.2 ems.

百分比

填充尺寸相对于该元素的内容区域的宽度(即,内部的宽度,并且不包括元素的填充,边界和边缘)的宽度.

所以,如果你的< h1>宽500像素,10%填充= 0.1×500像素= 50像素.

(请注意,顶部和底部填充也将是元素宽度的10%,而不是元素高度的10%).

猜你在找的CSS相关文章