Question

我正在尝试将内容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>

Here是jsFiddle上的示例链接。你可以看到内容div的高度不适合身体100％你能告诉我为什么会这样吗？

Answer 1

我将填充更改为0px（在jsfiidle链接上），它似乎正确（垂直滚动条消失）...

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

这就是你想要的吗？

编辑： padding: 0px; //而不是padding-top

Div 100％高度不起作用

1 个答案: