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;//而不是填充顶部

于 2013-01-07T18:28:32.503 回答