現在、divBの内側にdivAがあり、Aの高さは100％に設定されています。これは、Aの開始から親divの下部まですべてをカバーするためです。
ただし、高さを100％に設定しても、期待したとおりには機能しません（開始点から親の下部まで単純に広がります）。代わりに、親のdivと完全に一致するように高さを設定します。 。divAはdivB内で数百ピクセル下から開始するため、これによりdivAはdivBの下でさらに数百ピクセルオーバーフローします。
以下の例：
本当の秘訣は、div Bがそのコンテンツに応じて垂直方向に拡張できる必要がある一方で、divAは垂直方向の開始から親の下部まで領域を埋め続けることです。
考慮すべき他の方法はありますか？calcユニットを使用できることは理解していますが、calcはsafari 6まではサファリで機能しないため、多くのモバイルデバイスが除外されます。