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

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

@H_403_2@em和%有差异吗?

解决方法

em和%的确是不同的: @H_403_2@埃姆斯

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

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

@H_403_2@百分比

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

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

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

原文链接:https://www.f2er.com/css/216359.html

猜你在找的CSS相关文章