有没有办法不使用表格就完成这个HTML布局？
我正在开发一个非常动态的内容网站，它需要回流并适应不断变化的内容。其中一个主要要求是有一个页眉和页脚（也有不同长度和高度的动态内容），它们之间的内容总是占据它们之间剩余的任何空间 对于表，这很简单：有没有办法不使用表格就完成这个HTML布局？,html,css,Html,Css,我正在开发一个非常动态的内容网站，它需要回流并适应不断变化的内容。其中一个主要要求是有一个页眉和页脚（也有不同长度和高度的动态内容），它们之间的内容总是占据它们之间剩余的任何空间 对于表，这很简单： 标题 内容 页脚 表格{高度：100%；} tr.content{高度：100%；} 将这样一个表粘贴到任何容器中（如果我们说的是顶层页面布局，则包括视口），就这样，满足了需求，完成了工作 但就我的一生而言，我似乎找不到一种用CSS来实现这一点的方法。我本以为，在我第一次开始推广“整个HTML
标题
内容
页脚
表格{高度：100%；}
tr.content{高度：100%；}
divs显示：表格
显示：表格行
显示：表格单元格
正如Paul Redmond所提到的，…
flexboxdiv{
边框：1px纯灰；
利润率：25px；
}
.集装箱{
高度：250px；
宽度：350px；
显示器：flex；
弯曲方向：立柱；
}
标题，
页脚{
flex:0自动；
背景：浅灰色；
}
主要{
柔性生长：1；
背景：浅蓝色；
}
Lorem ipsum dolor sit amet，奉献精英。塞德，ab。
Lorem ipsum dolor sit amet，奉献精英。她是一个聪明的女人！一个自由的囚犯，一个被指控的人，一个被指控的人，一个化名ab，一个被指控的人！
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<style>
.div1 {
border: 3px solid #052d31;
position: relative;
clear: left;
float: left;
margin: 3px;
}
</style>
<div class="div1">
<p>change this text the div will resize dynamically</p>
</div>
<div class="div1">
<p>change this text</p>
</div>
</body>
</html>
.1分部{
边框：3px实心#052d31；
位置：相对位置；
清除：左；
浮动：左；
保证金：3倍；
}
更改此文本，div将动态调整大小
更改此文本
calc（）#content{min height:calc（100%-footerheight-headerheight）；}