身高百分比在CSS中不起作用

小编典典

css

我正在尝试使用带有百分比的height属性，但是它不起作用。我想使用百分比，因此在任何分辨率下看起来都不错。

<div id="bloque_1" style="height: 80%;background: red">   
</div>

我该如何运作？

阅读 270

2020-05-16

共1个答案

小编典典

当您使用%宽度或高度时，您应该问的第一个问题是80%什么？因此，您还需要对父元素应用高度，因此，假设您的父元素位于body标签内，则需要在CSS中使用此元素

html, body {
   height: 100%;
}

所以，现在你的div元素是80%的100%

注意：另外，当您处理absolute定位的元素时，您可能会遇到一种情况，即您的div高度不会超过当前视口的高度，因此在这种情况下，您需要min- height

2020-05-16