css - 如何让 div 适应屏幕的高度？

Question

我试过用

height: 100%

但这使得 div 仅与其内容一样高 - 它只包含一个文本单词。

如何强制 div 使用屏幕高度？

Answer 1

您还需要 body 和 html 元素具有 100% 高度。

试试下面的 CSS:

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

YourDivSelector {
    height: 100%;
}

margin 和 padding 必须设置为 0 以防止在 Firefox 中自动滚动。