4

アップデート

ページを完全に埋めるには、htmlと本文のマージンを0にする必要がありました。

END UPDATE * UPDATE *

htmlタグとbodyタグにheightプロパティを追加するという以下の提案を使用して修正しました。これで、ページ全体を表示するために少し下にスクロールする必要があります。なぜこれが起こっているのかについての考えは？

更新を終了

CSSを使用して、必要に応じてdivを画面全体に表示しています。幅と高さを100％に設定しましたが、divが画面の高さを満たしていません。これはIE7の既知の問題ですか、それとも何かが足りないだけですか？以下のコード。

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
    <link rel="Stylesheet" href="test.css" />
</head>
<body>
<div id="divy"></div>
</body>
</html>

CSS

#divy
{
    width:100%;
    height:100%;
    background-color:Blue;
}
4

4 に答える 4

6

問題は、子要素が100％を想定するために、コンテナの高さが100％でなければならないことです...

この場合、コンテナは<html>-><body>なので、簡単に修正できます。

html, body {
    margin: 0;
    padding: 0;
}
html, body, #divy {
    width:100%;
    height:100%;
}
于 2012-04-11T12:58:36.783 に答える
3

要素はbody要素の高さを埋めます。これは、ブラウザウィンドウよりも小さくすることができます。

htmlおよびbody要素の高さを設定して、ウィンドウがいっぱいになるようにします。

html, body { height: 100%; }
于 2012-04-11T12:57:53.887 に答える
1

100％の高さを定義する場合は常に、その祖先またはすべてのサブシークエストの祖先も100％の高さである必要があります。

したがって、に100％の高さをbody指定しhtmlます。

html, body { height: 100%; }
于 2012-04-11T12:57:57.880 に答える
0

この問題はjQueryで管理できます。

jQuery('.yourDiv').height(jQuery('body').height());
于 2012-04-23T12:40:04.743 に答える