Question

如果我设置＆＃34; div＆＃34;的宽度元素到％它工作正常，但如果我将高度设置为％我什么也得不到。只有当我在px或em中指定高度或其他东西时才能起作用：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
  </head>
    <style>
        div {
            background-color: aqua;
            height: 25%;
            width: 25%;
             float: left; 
            }
    </style>

<body>
   <div></div>
</body>
</html>

这令我感到困惑。感谢。

Answer 1

<style>
    body{
       height: 100vh;
       width: 100vw;
    }
    div {
        background-color: aqua;
        height: 25%;
        width: 25%;
         float: left; 
        }
</style>

当您使用％设置width或height时，您必须检查它的父标记。

例如，

.parent{
  width: 200px;
  height: 200px;
 }

.children{
  width: 50%;
  height: 50%;
}

.children＆＃39; height和width为100px。

让我们看看另一个例子。

.parent{

}
.children{
  width: 50%;
  height: 50%;
}

.children＆＃39; height和width为0px。

因为它的父母没有width和height。

Answer 2

潜水将获得其父高度和宽度的25％，所以如果你没有将身体设计为具有特殊的高度或宽度，那么在你的情况下大多数是0px，为身体添加一些高度并且它将被设置为< / p>

"/C AzCopy /Source:https://mysite.t........................................."

为什么我的CSS样式不会改变属性高度？

2 个答案: