css - 无论如何如何使 div 具有所需的高度？

Question

我试图让一个 div 填满页面，但它似乎只与我放入其中的内容一样长。这是我的 CSS 代码:

.myDiv
{
    height:  30%;
}

无论 div 是空的还是有一些内容，我该怎么做才能使它成为那个高度？ (内容不会超出我在这里设置的高度)。

Answer 1

您使用的是百分比，因此 div 的高度直接取决于其父元素。确保 parent 有高度。如果直接父级是主体，则:

body{
   height:100%;
}

如果您知道 div 的确切高度，您应该使用像 height:300px;

这样的像素