我有一个关于相对定位的问题。我希望身体有一个背景颜色，比如蓝色。最初页面的高度应该是 100%（当然，这可能因计算机和笔记本电脑而异，因此我不能指定以像素为单位的固定高度），因此整个页面应该显示为蓝色。在页面的中间是一个元素，它已经通过相对定位设置到那个位置（它不能是绝对的，可以这样，以便随着它的内容扩展）。元素可以垂直扩展。如果高度超过页面边界，页面也应该扩展，扩展部分的背景仍然是蓝色的。
现在我该如何实现呢？我能想到的唯一解决方案是对背景元素使用相对定位（它是蓝色的，展开时应该保持蓝色）。但为此，我必须将其设置为可用高度（相对定位的元素不能通过百分比值分配高度，因此排除height: 100%）。但是高度本身会因浏览器、视口大小等而异（我不能使用 Javascript！）。那么我该怎么做呢？