继承父级的高度不起作用答案

【问题标题】：Inherit height of parent doesn't work继承父级的高度不起作用
【发布时间】：2012-05-16 11:36:06
【问题描述】：

我希望.row 中的.cols 继承.row 的高度，并使.cols 固定在.row 中。这是小提琴.. http://jsfiddle.net/Hhf8R/

我的想法是让它像一个表格，但使用 div。像这样：http://jsfiddle.net/hhUtb/

【问题讨论】：

【解决方案1】：

为了让 div 达到其父级高度的 100%，父级必须具有定义的高度。

浏览器无法计算 100%（或继承）尚未完全渲染的内容。

【讨论】：

【解决方案2】：

如果要让子级继承，则需要在父级上设置height CSS 属性。

如果您希望您的高度根据内容动态变化，那么不幸的是，使用 CSS 无法轻松实现这一点。有几种不同的方法； this one 似乎是一个不错的起点。

【讨论】：

【解决方案3】：

您需要在父 row 上明确高度，以便 inherit 有意义。

向您的行添加高度声明：

浮动列确实继承了父级的高度。

（旁注：会有人告诉你花车不能继承高度：

但不一定如此。）

【讨论】：

【解决方案4】：

您可以通过检查可能改变您的内容的更改来修复 js 中内容的高度。

例如，我有一个 Html 编辑器，它使用 setTimeout 为光标设置动画。光标动画时，如果需要，我会更改单元格的高度。

【讨论】：