Html Div的宽度和高度适合一页，但也有3行

问题：如何创建一个网页，在一张11英寸x 8.5英寸的纸上精确打印，该纸有3行（页眉、内容、页脚），其中内容占用页眉和页脚不占用的剩余空间

我正在尝试使用HTML和CSS创建一个网页，它基本上有三行、一个页眉、一个页脚和一个中间部分

我希望页眉和页脚占据所需的空间，然后我希望中间一行被拉伸以填充页眉和页脚之间的空间。中间一行也应该正好有2个大小均匀（宽度方向）的单元格。我使用cssdisplaydivs将其显示为一个表，而不是使用table元素

需要注意的是，三排的总和不应超过8.5英寸。我正在使用HTML/CSS构建一个文档，该文档将打印在标准纸张上。我总是希望页脚在底部，页眉在顶部

正文{
填充：0；
保证金：0；
}
#床单{
宽度：11英寸；
高度：8.5英寸；
显示：表格；
表布局：固定；
}
#标题{
背景颜色：蓝色；
}
#页脚{
背景颜色：紫色；
}
#容器{
显示：表格；
表布局：固定；
身高：100%；
}
#划船{
显示：表格行；
背景颜色：黄色；
}
.细胞{
位置：相对位置；
显示：表格单元格；
填充：10px；
背景颜色：绿色；
}

简历












页脚

如果您添加

宽度：5.5in到您的
单元格
类

这里有一个问题。
您需要支持哪些浏览器？使用flexbox将使这一点变得微不足道：


正文{
填充：0；
保证金：0；
}
#床单{
宽度：11英寸；
高度：8.5英寸；
显示器：flex；
弯曲方向：立柱；
}
#标题{
背景颜色：蓝色；
}
#页脚{
背景颜色：紫色；
}
#容器{
弹性：1；
背景颜色：绿色；
}

简历












页脚














html+css不适用于打印，pdf则适用。我没有恶意；）现在，flex模型将在这里帮助您