5
435
===========================================================
希望p元素高度满屏，但是他总是和p元素几乎一样高？？那如何让用css使其高度满屏呢？
点击查看效果：https://jsfiddle.net/7x1L08ht/
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
因为百分比永远是相对于一个固定值来说的，你现在这个p的100%，它的父亲必须是一个定值，如果它父亲不定的话，那么它爷爷也必须是定的，也就是说，要么你设置body的height为500px，或者html为500px，否则这个p的百分比就完全不起作用，因为它不知道该如何计算。你这里实际想表达的是这个p占满整个屏幕高度，那你就不要用100%，直接用
height: 100vh就好了。给html和body定width和height100%，给p定位position：absolute，top：0，bottom：0，width：100%
试试
你也可以用js来控制他的高度。
$("p").height($(window).height())
height是获取元素高度的，有参数的时候是设置高度，没有的时候是获取高度。
用vw,vh单位啊，100vh就是高度满屏了，100vw就宽度满屏了。
第一种：width：100%；height：100%
第二种：position：absolute；top：0；left：0；right：0；bottom：0