如何在不指定父级高度的情况下强制子级div为父级div的高度的100％？

我有一个具有以下结构的网站：

<div id="header"></div>
<div id="main">
  <div id="navigation"></div>
  <div id="content"></div>
</div>
<div id="footer"></div>

导航在左侧，内容div在右侧。内容div的信息是通过PHP获取的，因此每次都不同。

无论加载哪个页面，如何垂直缩放导航使其高度与内容div的高度相同？

：此答案适用于不支持Flexbox标准的旧版浏览器。

我建议您看看使用Cross-Browser CSS和NoHacks的等高列。

基本上，以与浏览器兼容的方式使用CSS做到这一点并不是一件容易的事（但对于表却不那么重要），因此请为自己找到合适的预打包解决方案。

另外，答案取决于您是否要100％高度或相等高度。通常，它等于高度。如果高度为100％，答案会略有不同。