CSS の高さのパーセンテージにより表示の問題が発生する このコード スニペットでは、要素は背景色と 100% の高さでレンダリングされます。ただし、要素はページ上に表示されません。この問題の一般的な理由は、親要素の高さが設定されていない場合、CSS の高さのパーセンテージが適切に機能しないことです。 この問題を解決するには、高さプロパティをすべての親要素に割り当て、確実に行う必要があります。定義された高さがあること。これは、html 要素と body 要素の高さを 100% に設定することを意味します。そうすることで、 は要素は親要素の高さいっぱいまで正しく表示されます。