我有一个具有以下结构的网站:
<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%,答案会略有不同。