html - 親の高さの継承が機能しない

Question

内側はの高さを継承し、 の.cols内側で固定できるようにしたかったのです。これがフィドルです.. http://jsfiddle.net/Hhf8R/.row.row.cols.row

私の考えは、テーブルのようにしますが、div を使用することです。このように: http://jsfiddle.net/hhUtb/

Answer 1

div が親の高さの 100% になるようにするには、親の高さが定義されている必要があります。

ブラウザーは、まだ完全にレンダリングされていないものを 100% 計算 (または継承) することはできません。

Answer 2

コンテンツを変換する可能性のある変更を確認することで、js でコンテンツの高さを修正できます。

たとえば、setTimeout を使用してカーソルをアニメーション化する Html エディターがあります。カーソルがアニメーション化されている間、必要に応じてセルの高さを変更します。