我有一个具有以下结构的站点：
<div id="header"></div> <div id="main"> <div id="navigation"></div> <div id="content"></div> </div> <div id="footer"></div>
导航在左侧，内容 div 在右侧。内容 div 的信息是通过 PHP 拉进来的，所以每次都不一样。
无论加载哪个页面，如何垂直缩放导航使其高度与内容 div 的高度相同？
我建议你看看Equal Height Columns with Cross-Browser CSS and No Hacks。
基本上，以与浏览器兼容的方式使用 CSS 执行此操作并非易事（但对于表格来说是微不足道的），因此请为自己找到一个合适的预打包解决方案。
此外，答案因您想要 100% 高度还是等高而异。通常它的高度相同。如果它是 100% 的高度，答案会略有不同。
