cssの子要素は親要素の高さを取得(高さ未定義)_html/css_WEB-ITnose

高さが固定されていない領域 (コンテンツはユーザーによって作成される)、マウスが領域上を通過するとき、またはその他の魔法の操作、領域に必要な大きさのテンプレートなど、このような要件に遭遇したことがあるかもしれません。

このマスクを処理するにはスパンを使用します。 .sample-1 と .sample-2 の高さは未定義であるため、これらの高さは定義しません。親要素で高さが定義されていない場合でも、子要素は height:100% を通じて親要素の実際の高さを取得できます。

IE6 を除き、ほとんどすべての主流ブラウザは、親要素の高さ (未定義の高さ) を取得するための子要素をサポートしています。本当に予測できない場合は、この値を少し大きく定義して、マスクがオーバーフローするのを防ぐために _overflow:hidden を使用します。親レイヤー。