13

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

我的想法是让它像一张桌子,但使用 div。像这样:http: //jsfiddle.net/hhUtb/

4

4 回答 4

22

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

浏览器无法计算 100%(或继承)尚未完全呈现的内容。

于 2012-05-08T00:35:14.250 回答
4

height如果您希望子代继承它,则需要在父代上设置CSS 属性。

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

于 2012-05-08T00:35:29.753 回答
1

您需要在父row级上明确高度才能inherit有意义。

向您的行添加高度声明:

http://jsfiddle.net/LzkgU/

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

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

CSS - 让 div 继承一个高度

但不一定如此。)

于 2012-05-08T00:45:16.647 回答
0

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

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

于 2013-12-27T14:04:13.247 回答