Div 100% 高度不起作用答案

【问题标题】：Div 100% Height is not workingDiv 100% 高度不起作用
【发布时间】：2013-01-07 18:18:19
【问题描述】：

我试图在页面内放置一个内容 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% 的主体，您能告诉我为什么会这样吗？

【问题讨论】：

你的意思是为什么会出现滚动条？这是因为填充。元素的总高度为 100% + 50px 内边距。
嗨 Juhana，感谢您的评论，但即使没有发生这种情况。我删除了 padding 属性，但没有任何改变！
不适合溢出或不适合不占用预期尺寸？
很难说什么，因为它似乎对除了你以外的所有人都有效。

标签： css

【解决方案1】：

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

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

这是你想要的吗？

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

【讨论】：

但这对我不起作用！底部还有空间！
请看我的编辑，如果没有帮助，您能指定您使用的浏览器吗？