元素竖向的百分比设定是相对于容器的高度吗?

Posted fjl-vxee

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了元素竖向的百分比设定是相对于容器的高度吗?相关的知识,希望对你有一定的参考价值。

答案是: 不一定。

相对于父元素宽度的:
[max/min-]width、left、right、padding、margin 等;

相对于父元素高度的:
[max/min-]height、top、bottom 等;

相对于继承字号的:
font-size 等;

相对于自身字号的:
line-height 等;

相对于自身宽高的:
border-radius、background-size、transform: translate()、transform-origin、zoom、clip-path 等;

特殊算法的:
background-position(方向长度 / 该方向除背景图之外部分总长度 * 100)、
filter 系列函数等;

以上是关于元素竖向的百分比设定是相对于容器的高度吗?的主要内容,如果未能解决你的问题,请参考以下文章

margin与百分比单位

前端父元素的height是auto,子元素怎么高度100%取不到高度怎么办呢?

CSS黑科技2CSS百分比实现高度占位自适应(margin/padding)

css百分比参照问题

CSS中高度根据宽度自适应的方法

css让高度百分比,height:100% 生效的3种方法