html - Div 高度 100% 带滚动条

标签 html css

我正在寻找一种 css 方式来获得 this布局采用 100% 高度的 div,这意味着白色将拖到文档的底部而不是窗口。我想在没有图像和没有 javascript 的情况下执行此操作。

我试过 html,body{height:100%} 只适用于窗口而不适用于文档。 我还尝试放置一个 900px 的正文背景图片,但它没有以容器 div 为中心。

enter image description here

最佳答案

查看实时站点,因为 URL 在您的图像中很方便可见..

添加此 CSS:

html, body {
    height: 100%
}
#container {
    min-height: 100%
}

关于html - Div 高度 100% 带滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6499624/

相关文章:

html - Webfont font-face 不会更改 html 元素的字体,尽管样式已更新

html - 如何在重组文本文件中嵌入 HTML?

html - 对齐表格单元格内的溢出文本和图标

jquery动画循环问题

html - 在 SVG 的 textPath 元素内翻转文本

css - 如何将悬停效果定向到过滤器?

javascript - 使用 if else 函数使用 javascript 调整内容大小

javascript - jQuery - 捕获动态创建的文本框的创建的事件

javascript - 如何在 Docusaurus 项目中使用带有配置 props 的 useState() 钩子(Hook)?

html - 无法将 css 应用于表单