前端之家收集整理的这篇文章主要介绍了
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