身高百分比在CSS中不起作用
我正在尝试使用带有百分比的height属性，但是它不起作用。我想使用百分比，因此在任何分辨率下看起来都不错。
<div id="bloque_1" style="height: 80%;background: red">
</div>
我该如何运作？
问题答案：
当您使用%宽度或高度时，您应该问的第一个问题是80%什么？因此，您还需要对父元素应用高度，因此，假设您的父元素位于body标签内，则需要在CSS中使用此元素
html, body {
height: 100%;
}
所以，现在你的div元素是80%的100%
注意：另外，当您处理absolute定位的元素时，您可能会遇到一种情况，即您的div高度不会超过当前视口的高度，因此在这种情况下，您需要min- height
-
问题内容： 为什么百分比值不起作用，但是百分比值却起作用呢？ 端部的宽度为视口的80％，但端部的高度为0。 问题答案： 块元素的高度默认为块内容的高度。因此，给定这样的东西： 将生长到足以容纳段落的高度，并且将生长到足以容纳段落的高度。 当您将高度或宽度指定为百分比时，这是相对于元素父级的百分比。对于宽度，除非另有说明，否则所有块元素的宽度一直与其父元素一样，一直到；因此，块元素的宽度与它的内容无
-
问题内容： 我试图在CSS 中将a设置为一定的百分比高度，但它的大小与其中的内容相同。但是，当我删除HTML 5 时，它可以工作，并按需要占用整个页面。我希望页面进行验证，那我该怎么办？ 我在上有此CSS ，其ID为： 问题答案： 我正在尝试在CSS中将div设置为某个百分比高度 百分比是多少？ 要设置百分比高度，其父元素（*）必须具有明确的高度。这是不言而喻的，如果您将height保留为，则该块
-
问题内容： 我有两个div，高度为90％，但显示方式有所不同。 我试图在它们周围放一个外部div，但这没有帮助。另外，在Firefox，Chrome，Opera和Safari上也是如此。 有人可以解释为什么我遇到这个问题吗？ 下面是我的代码： 问题答案： 使用（视口高度）代替百分比。它将获取浏览器的高度并相应地调整其大小，例如 试试这个代码 与CSS
-
问题内容： 我有两个div，高度为90％，但显示方式有所不同。 我试图在它们周围放一个外部div，但这没有帮助。此外，在Firefox，Chrome，Opera和Safari上也是如此。 有人可以解释为什么我遇到这个问题吗？ 下面是我的代码： 问题答案： 使用（视口高度）代替百分比。它将获取浏览器的高度并相应地调整其大小，例如 试试这个代码 与CSS
-
问题内容： 这个问题已经在这里有了答案 ： 高度百分比HTML 5 / CSS （6个答案） 3年前关闭。 我有以下简单的代码： 但是div不会以高度为100％显示。为什么？ 问题答案： 您需要在所有父元素上设置100％的高度，在这种情况下，您的正文和html都应设置为100％。这个小提琴显示它正常工作。
-
问题内容： 我尝试了响应式CSS布局，但是“ top：50％”不能工作，而“ left：50％”可以。为什么会这样呢？ 问题答案： 定义父容器的尺寸，例如div： 要么 另一种方法是通过其顶部，底部，左侧和右侧属性来拉伸父容器（即div）。像这样：