html - 填充剩余的 div-height

标签 html css

我有一些简单的,但我现在有一段时间无法解决问题。

我把问题粘贴了here在 JSFiddle 上。

我想让 div[id='content'] 填充剩余的高度。我已经学习了一些关于 display:tabledisplay:table-row 的 CSS 教程,但我无法让它在我的上工作。

在此先感谢您对我的大力帮助。

最佳答案

你需要添加:

html{
    height:100%;
}

Demo Fiddle

这会为您的viewport 提供一个大小,从中可以计算出分配给 body 的 100%,否则它实际上是 nothing 的 100%。您可能还想将 % 添加到 body

的高度值

关于html - 填充剩余的 div-height,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23758497/

相关文章:

html - 垂直动画 css ul li 菜单

javascript - 如何检查 SVG 中是否缺少 css 类?

javascript - CSS动画,将元素移到前面

javascript - Iframe PDF 更改页面点击 url

css - 如何在 react js 中使用 flex 在每个 Angular 排列两个按钮

css - 设置背景图片导致页面加载过重

html - 使 div 固定在另一个 div 之上的底部

html - 如何修改 angularJS 中的 md-input-container

javascript - 一页上有多个 Jquery 对话框

html - css 样式不适用于 iOS 中的 <ul> 和 <ol> 的 TextView