小编典典

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

html

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

<div id="header"></div>

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

<div id="footer"></div>

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

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


阅读 451

收藏
2020-05-10

共1个答案

小编典典

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


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

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

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

2020-05-10