0

ページ内にコンテンツ div を配置しようとしていますが、高さ 100% が本文内のコンテンツ div に適合しない理由がわかりません。ここに私のコードサンプルがあります:

*{ margin:0;padding: 0;}
html{height:100%; width:100%;}
body{height:100%; width:100%;}
#content{ position:relative; height:100%; width:65%; margin: 0 auto; background-color:#345C54;}

とHTML

<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="content"></div>
</body>
</html>

jsFiddleのサンプル リンクを次に示します。ご覧のとおり、コンテンツ div の高さが体に 100% 適合していません。なぜこれが起こっているのか教えてください。

4

1 に答える 1

1

パディングを0pxに変更しました（jsfiidleリンクで）、それは正しいようです（垂直スクロールバーが消えました）... 

 #page{
    position:relative;
    height:100%;
    width:65%;
    margin: 0 auto;
    background-color:#345C54;
    padding-top: 0px;
    }

それはあなたが望んでいたものですか？

編集: padding: 0px;// padding-top の代わりに

于 2013-01-07T18:28:32.503 に答える