Html 为什么可以'；难道我看不到我的CSS框吗？

我被告知要使用

position:relative

但是当我在浏览器中查看它时，它没有显示出来，请告诉我为什么

这是我的密码：

HTML:

<div id="box"></div>

---

通常，如果没有定义高度的父元素，

%

高度将导致

0px

。您需要使用不同的高度单位，例如px或em

#box {
    height:200px;
}

---

有趣的是，您可以使用

padding bottom:20%

，尽管这不会给您预期的结果。然后，高度是视口宽度的20%，而不是高度的20%。

通常，如果没有定义高度的父元素，

%

高度将导致

0px

。您需要使用不同的高度单位，例如px或em

#box {
    height:200px;
}

---

有趣的是，您可以使用

padding bottom:20%

，尽管这不会给您预期的结果。然后，高度是视口宽度的20%，而不是高度的20%。

只需将

html，body{height:100%}

添加到CSS文件中即可

---

只需将

html，body{height:100%}

添加到CSS文件中即可

   html,body
{
    height:100%;
}

尝试以下代码：

   html,body
{
    height:100%;
}

   html,body
{
    height:100%;
}

请尝试以下代码：

   html,body
{
    height:100%;
}

---

问题在于CSS计算。默认情况下，HTML页面没有高度。 因此，高度的20%仅为0，因为它相对于高度为0的HTML

您可以选择为#div建议像素高度或为整个文档指定高度

#box {
    height:100px;
}

or

html,body {
    height: 100%;
}
/*** Write your css here ***/

---

这是一个难题，

问题在于CSS计算。默认情况下，HTML页面没有高度。 因此，高度的20%仅为0，因为它相对于高度为0的HTML

您可以选择为#div建议像素高度或为整个文档指定高度

#box {
    height:100px;
}

or

html,body {
    height: 100%;
}
/*** Write your css here ***/

---

这是一把小提琴，

当您将div更改为：

时，它会显示吗？

div的父项是什么？您的高度/宽度将设置为该父项的20%。如果这是页面上唯一的内容，则页面高度为0px。而0px的20%是……当您将div更改为：
时，它会显示吗？
div的父级是什么？您的高度/宽度将设置为该父项的20%。如果这是页面上唯一的内容，则页面高度为0px。0px的20%是…在这个上下文中，%height没有上下文。如果有一个具有设置高度的父元素，这将是有意义的，但通常情况下并非如此。如果没有父元素-是，在此上下文中，%height没有上下文。如果有一个具有设置高度的父元素，这将是有意义的，但通常情况下情况并非如此。没有父元素-是的，谢谢你，先生@齿轮数字谢谢你善良的先生@档位数字虽然这为div（行高）提供了一定的高度，但这不是预期的
20%
。虽然这为div（行高）提供了一定的高度，但这不是预期的
20%
。在
主体上设置
100%
只会起不到任何作用，因为它的上下文
html
仍然没有高度。因此您需要这两个选项：
html，body{height:100%}
。在
body
上设置
100%
不会有任何作用，因为它的上下文
html
仍然没有高度。所以你需要两个：
html，body{height:100%}
。