继承父级的高度不起作用

时间:2012-05-08 00:26:34

标签: html css jsfiddle

我希望.cols内的.row继承.row的身高,并将.cols修复为.row。 这是小提琴.. http://jsfiddle.net/Hhf8R/

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

4 个答案:

答案 0 :(得分:12)

为了使div成为其父级高度的100%,父级必须具有已定义的高度。

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

答案 1 :(得分:4)

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

如果你想根据内容想要你的身高是动态的,那么遗憾的是,这是用CSS无法轻易实现的。有几种不同的方法; this one似乎是一个很好的起点。

答案 2 :(得分:1)

您需要在父row上设置明确的高度才能使inherit具有意义。

在您的行中添加高度声明:

http://jsfiddle.net/LzkgU/

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

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

CSS - make div's inherit a height

但不一定如此。)

答案 3 :(得分:0)

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

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