扩展内容与内容

Question

我有关于相对定位的问题。我希望身体的背景颜色为蓝色。最初页面应该只有高度100％（当然，这可能因计算机而异，因此我无法指定固定高度（以像素为单位）），因此整个页面应显示为蓝色。在页面的中间是一个元素，通过相对定位设置到该位置（它不能是绝对的，可以，以便与其内容一起扩展）。元素可以垂直扩展。如果高度超出页面边界，页面也应该展开，展开部分的背景仍为蓝色。

现在我该如何实现这一目标？我能想到的唯一解决方案是使用背景元素的相对定位（蓝色，在扩展时应保持蓝色）。但为此，我必须将其设置为可用高度（相对定位的元素不能通过百分比值指定高度，因此排除height: 100%）。但高度本身将根据浏览器，视口大小等而有所不同（我不能使用Javascript！）。那我该怎么做呢？

Answer 1

中间元素的高度是否已知？

您可能需要查看此http://css-tricks.com/centering-in-the-unknown/

可能有助http://jsfiddle.net/thebabydino/7N4Xx/

的实时演示

JavaScript只是用于改变中间div的高度。