css如何让height:100%起作用？ - 前端知识每日3+1

[css] css如何让height:100%起作用？

haizhilin2013

2020-04-10 04:49:29 星期五

css

css如何让height:100%起作用？

3 Comments Powered by GitHub & Vssue

Comments per page

< Page 1 / 1 >

Ari-ZH 2020-04-10 07:40:24

先说结论，当前元素的包含块的高度是明确的即可有效（height不为auto），如果当前元素的包含块高度也是百分比，就再向上找。
可能不是很严谨，但是比较受用，但是在测试的过程中有一些奇怪的问题，和绝对定位有关系。
如果当前元素是absolute定位的，那么它的height百分比，是相对于浏览器窗口高度的，比较神奇，而其他的都是最后追到html元素，html元素的高度百分比也是相对浏览器窗口高度。

0 1 0

longhui520 2020-04-10 13:45:32

绝对定位元素的高度百分比计算是往上找直到找到一个非 static的元素，就以这个元素作为高度计算依据，如果没找到就是html的高度为计算依据（html的高默认是一个屏的高） body默认没有高

0 1 0

Ari-ZH 2020-04-10 13:54:52

绝对定位元素的高度百分比计算是往上找直到找到一个非 static的元素，就以这个元素作为高度计算依据，如果没找到就是html的高度为计算依据（html的高默认是一个屏的高） body默认没有高

0 0 0