css - 如何在三 <div> 布局中拉伸(stretch)中间 <div> 高度?

标签 css layout html

我正在尝试做的是布局三个<div> s:顶部(用于导航)、中心和页脚 <div> . 顶部和底部<div> s 有固定的高度。

我怎样才能使中心<div>拉伸(stretch) 100% 并减去其他高度(顶部和底部)?

注意:我已经给body,html高度100%了。

最佳答案

如果您使用的是 div,我认为 Javascript 是解决此问题的唯一方法。

关于css - 如何在三 <div> 布局中拉伸(stretch)中间 <div> 高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2640431/

相关文章:

html - 如何获得相同高度的盒子

html - 谷歌浏览器图像高度调整问题

html - 如何像表格一样定位嵌套的 div

css - 三列 DIV 布局动态;左 = 固定,中 = 流动,右 = 流动

layout - flutter 中从右到左(RTL)

html - 如何解决 scss 中相同组件的不同颜色?

php - Symfony Assets bundle

html - Overflow-y 导致 div 的高度为零

html - 在 Photoshop 中使照片不像素化

jquery - 按高度自适应元素