min-height: 100% セクションを構築しようとしていますが、一般的なコンセンサスは次のようです。
html{
height: 100%;
}
body {
min-height: 100%;
}
直接の子には min-height: 100% もあります。私が理解できない問題は、HTML の高さが 100% 固定されていて、本文が大きくなる可能性がある場合です。HTML がページからはみ出していて、ドキュメントがセマンティックではありません。つまり、html < 本文です。また、セクションが他のいくつかの div でラップされている場合、すべての親で min-height: 100% も必要になります。これは少し型にはまらないようです。
それに対する最もエレガントなアプローチは何ですか？すべてのブラウザーでサポートされている場合、height:100vh が最適な方法であることはわかっています。javascript を使用してビューポートを取得し、関心のあるすべてのセクションの高さプロパティを設定する方がよいでしょうか?