Question

我正在尝试使用百分比来使用高度属性，但它不起作用。我想使用百分比，所以它在任何分辨率下看起来都很好。

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

我怎样才能让它发挥作用？

Answer 1

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

html, body {
   height: 100%;
}

现在，您的div元素将是80%

的100%

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

Answer 2

bloque_1之外的所有内容也需要一个高度，否则你将获得80％的0％。您可能还需要将100％的高度应用于body。

这是一个显示实际效果的jsfiddle。

Answer 3

在父元素上应用100%高度

HTML code-

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

CSS部分 -

html, body { height: 100%; width: 100%; margin: 0;background: #3c3c3c }

Answer 4

html,body{
    height:100%
}
#bloque_1{
    background:red;
    height:80%;
}