我希望.cols
内的.row
继承.row
的身高,并将.cols
修复为.row
。
这是小提琴..
http://jsfiddle.net/Hhf8R/
我的想法是让它像桌子一样使用div。 像这样:http://jsfiddle.net/hhUtb/
答案 0 :(得分:12)
为了使div成为其父级高度的100%,父级必须具有已定义的高度。
浏览器无法计算100%(或继承)尚未完全呈现的内容。
答案 1 :(得分:4)
如果您希望孩子继承它,您需要在父级上设置height
CSS属性。
如果你想根据内容想要你的身高是动态的,那么遗憾的是,这是用CSS无法轻易实现的。有几种不同的方法; this one似乎是一个很好的起点。
答案 2 :(得分:1)
您需要在父row
上设置明确的高度才能使inherit
具有意义。
在您的行中添加高度声明:
并且浮动列确实继承了父级的高度。
(旁注:会有人告诉你,花车不能继承高度:
CSS - make div's inherit a height
但不一定如此。)
答案 3 :(得分:0)
您可以通过检查可能会改变内容的更改来修复内容在js中的高度。
例如,我有一个Html编辑器,它使用setTimeout为光标设置动画。当光标动画时,我会根据需要更改单元格的高度。