height:100% に関するいくつかのテストを作成しています。
このページでは、CSS スタイルが次のように割り当てられているにもかかわらず、青色の領域がページ コンテンツに合わせて高さを伸ばしていないことがわかります。
html{ height:100%; }
body{ height:auto; }
私は失敗しました：
body{ height:100%; }
この動作を解決または理解しようとする上で何か助けはありますか?
1 に答える
0
あなたがやろうとしていることは「偽の列」として知られていますが、残念ながら答えはそうではありませんheight: 100%。この問題は、多くのブロガー/開発者によって詳細に取り上げられてきましたが、私が見つけたさまざまな手法の最適なまとめは、CSS Tricks の Chris Coyier によるこの記事にあります。具体的には、フィドルでやろうとしている、流動的なレイアウトの偽の列に対処します。
Coyier の優れたCodePen Web サイトの記事からのデモを次に示します。
于 2013-09-01T20:52:51.640 に答える