繼承高度不起作用

Question

我想裏面.row的.cols繼承.row的高度，使.cols固定在.row內。 這裏是小提琴.. http://jsfiddle.net/Hhf8R/

我的想法是使它像一個表，但使用div。 是這樣的：http://jsfiddle.net/hhUtb/

Answer 1

爲了divs是他們父母的身高的100％，父母必須有一個定義的身高。

瀏覽器無法計算100％（或繼承）尚未完全呈現的內容。

Answer 2

如果您希望孩子繼承父級，則需要在父級上設置height CSS屬性。

如果你想讓你的高度基於內容動態變化，那麼不幸的是，這不是用CSS實現的。有幾種不同的方法; this one似乎是一個很好的開始。

Answer 3

您需要在父項row上有一個明確的高度，以便inherit有意義。

添加一個高度聲明您行：

http://jsfiddle.net/LzkgU/

上述漂浮列不繼承父的高度。

（旁註：有將人誰告訴你，漂浮不能繼承的高度：

CSS - make div's inherit a height

但事實並不一定如此）

Answer 4

您可以修復的高度通過檢查可能會改變您的內容的變更，在js中查看您的內容。

例如，我有一個Html Editor，它使用setTimeout爲光標添加動畫。雖然光標動畫，如果需要，我改變我的細胞的高度。