Css 调整div大小以垂直适应屏幕，并与固定高度的div配合良好

这可能是一个基本的问题，但我一直在四处寻找帮助，一直未能找到解决方案。我有四个div，由标记为x、a、b和o的区域表示。我试图实现的是将区域x和o设置为固定高度，将区域a和b设置为可变高度以填充屏幕的其余部分。这个问题有没有一个纯CSS解决方案，或者我需要转向JS解决方案

xxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxx
aaaaaaaaaoooooooooo
aaaaaaaaaoooooooooo
aaaaaaaaabbbbbbbbbb
aaaaaaaaabbbbbbbbbb
aaaaaaaaabbbbbbbbbb

---

你可以对A和B使用css技术，然后手动将O放入并固定，以及标题X。不需要js。

你可以对A和B使用css技术。然后手动将O放入并固定，以及标题X。不需要js。

尝试使用以下方法：位置：绝对；然后飘到你需要的地方

---

您还可以创建一个带有隐藏边框的表格，并将日期放在您想要的任何位置。

尝试使用以下选项：位置：绝对；然后飘到你需要的地方

---

你也可以制作一个带有隐藏边框的表格，把日期放在你想要的任何地方。

一种方法是混合使用绝对定位，使用四个坐标来找到主体的顶部和底部，注意：不必是主体，如果一个元素相对定位并且有高度，AP也会找到底部-

---

参见此示例：一种方法是混合使用绝对定位，使用四个坐标来查找主体的顶部和底部，注意：不必是主体，如果元素相对定位且具有高度，则AP也将查找底部-

---

请参见此中的示例：此解决方案的问题是柱将具有固定高度。当内容比这个固定高度长时，它不会缩放。那么使用css进行位置和浮动怎么样？这个解决方案的问题是，列将有一个固定的高度。当内容的长度超过这个固定高度时，它不会缩放。那么使用css玩位置和浮动怎么样？据我所知，如果不使用仿冒列之类的技巧，就无法使两列长度相等，而不管它们的内容如何+我在CSS方面有点老派。所以我不确定是否有任何新的技术用于此：）但无论如何。。就我所知，如果不使用像仿冒专栏这样的技巧，无论内容如何，都无法使两个专栏的长度相等+我在CSS方面有点老派。所以我不确定是否有任何新的技术用于此：）但无论如何。。这一个很简单，一直都很好用。