如何在不指定父级高度的情况下强制子级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的高度将根据子DIV的增加而增加。 但是问题是身高没有增加。如何使它的高度等于父代的高度？ 问题答案： 对于元素，添加以下属性： 然后针对这些：
-
问题内容： 这是HTML： 这是CSS： 使用Chrome开发人员工具检查后，内部div的高度为0px。 我如何强制其为父div高度的100％？ 问题答案： 为了使高度基于其内容并基于其高度，使两个元素都绝对定位。 可以在css height属性的规范中找到更多详细信息，但本质上，如果的height为，则必须忽略height ， 除非_绝对定位。然后，高度将为0， _除非 将其自身绝对定位。 但是
-
问题内容： 我有一个带两个孩子的容器。第一个孩子有给定的身高。如何让第二个孩子占据容器的“自由空间” 而不给其指定高度？ 在示例中，粉红色也应占据白色空间。 与此问题类似：如何使div占据剩余高度？ 但是我不想摆 绝对的位置 。 问题答案： 可以通过多种方式扩展子级以填充剩余的空间，具体取决于您希望获得的浏览器支持以及是否具有定义的高度。 样本 格网 CSS的布局提供了另一种选择，尽管它可能不如F
-
http://jsfiddle.net/s8g4e/ 类似于这个问题：如何使div占据剩余高度？ 但我不想给位置绝对。
-
我试图理解我的意外行为： 容器中有一个最大高度为100%的元素，该容器也使用了最大高度，但意外的是，子元素溢出了父元素： 测试用例：http://jsfiddle.net/bq4Wu/16/ 但是，如果为父级指定了明确的高度，则这是固定的： 测试用例：http://jsfiddle.net/bq4Wu/17/ 有人知道第一个例子中孩子为什么不尊重父母的最大身高吗？为什么需要明确的高度？
-
问题内容： 很抱歉，这是一个旧问题还是一个已知问题，但是我无法在线找到答案。如果我有代码 然后在Firefox中，黑色的内部div随着屏幕缩小而缩小，并在200px高度处停止。但是，在Webkit浏览器中，红色的外部div停止，但内部div继续缩小，就好像它在没有min- height属性的父div中一样。 是否有一个简单的修复程序可以使Webkit版本与Firefox渲染保持一致？如果将一个作品