如何在不指定父级高度的情况下强制子级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%,答案会略有不同。

以上是 如何在不指定父级高度的情况下强制子级div为父级div的高度的100%? 的全部内容, 来源链接: utcz.com/qa/408286.html

回到顶部