如何在不指定父母身高的情况下强迫子div达到父级div高度的100%？

Question

如何在不指定父母身高的情况下强迫子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的高度相同，无论加载哪个页面？

Answer 1

这是一个令人沮丧的问题，一直与设计师打交道。诀窍是，您需要将CSS中的Body和HTML的高度设置为100%。html,body {     height:100%;}这个看似毫无意义的代码是向浏览器定义100%的含义。是的，但这是最简单的方法。