高さが固定されていない領域 (コンテンツはユーザーによって作成される)、マウスが領域上を通過するとき、またはその他の魔法の操作、領域に必要な大きさのテンプレートなど、このような要件に遭遇したことがあるかもしれません。
このマスクを処理するにはスパンを使用します。 .sample-1 と .sample-2 の高さは未定義であるため、これらの高さは定義しません。親要素で高さが定義されていない場合でも、子要素は height:100% を通じて親要素の実際の高さを取得できます。
IE6 を除き、ほとんどすべての主流ブラウザは、親要素の高さ (未定義の高さ) を取得するための子要素をサポートしています。本当に予測できない場合は、この値を少し大きく定義して、マスクがオーバーフローするのを防ぐために _overflow:hidden を使用します。親レイヤー。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
