1

レイアウトをいじっていて、ファイルにDocタイプを追加したことはありませんでした。ドキュメントタイプを追加した後：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

height:100%ブラウザウィンドウのサイズに拡大するのではなく、ページがオーバーフローしていた私のコンテンツdiv 。ドキュメントタイプを追加する前に機能を取得するには、このJavaスクリプトを追加する必要がありました。 

wHeight = $(window).height();
$('#content').height(wHeight);

なぜドキュメントタイプがこのようにレイアウトに影響を与えたのですか？Javaスクリプトを使用せずにこれを修正できますか？

4

1 に答える 1

1

darkskyが述べたように、％を有効にするには、divを別のdivに含める必要があります。HTMLは、ほとんどの場合、互いに積み重ねられたコンテナの集まりにすぎません。最初にコンテナがあり、次にその中にコンテナがあり、最後にコンテナがあります。コンテナに100％と指示した場合、コンテナは100％を認識していないため、正しい方法は次のようになります。

html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#container {
   min-height:100%;
}
于 2012-08-21T03:59:22.280 に答える