使用％标记内容高度/宽度？

过去几天我一直在玩前端网页设计，主要是使用floats/clearfix来定位我的内容。我一直在使用％来标记内容的宽度，并且完美地工作。但是，如果我尝试将高度定义为整个页面的百分比，它将无法正常工作，更准确地说，它似乎只是围绕什么内容存在，我必须将高度定义为px值。使用％标记内容高度/宽度？

这是有原因吗？有没有解决方法，我可以使用百分比值，它实际上分割了页面？

要强制高度或宽度试试'MIN-高度“或”最小宽度“在你的CSS - https://developer.mozilla.org/en-US/docs/Web/CSS/min-height – Viridis

我想你需要添加一些HTML和CSS到显示你到目前为止所尝试的内容 – dav1dsm1th

请阅读[接受答案如何工作？]（http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work），请不要编辑问题标题以包含单词SOLVED。 – Quentin

要在%中定义属性height，您需要父代height的上一个定义。然后，如果您有一位家长在px上修复了height，则可以使用%;但是如果你想在窗口或其他％值上工作，你需要为所有父母设置一个值。

然后，如果你想和你需要这个窗口％的工作：

HTML这样的：

<body> 
    <div id="container">My div with 100% height</div> 
</body>

CSS一样：

/*Need to set all parents to 100%*/ 
html, body { 
    height:100%; 
} 
/*Then set the container*/ 
#container { 
    height:100%; 
}

2013-12-17 12:32:34 DaniP

请试试这个：给HTML标签的CSS 100％，那么你应该尝试在CSS body元素设置为

display:block;

，并给它

min-height:100%

请参阅本主题太：

BR paulq

2013-12-17 12:26:42 Paulquappe

谢谢，这是答案的3/4！我给了身体100％的高度和位置：绝对，然后我所要做的就是添加最小高度：60％和一个位置：相对。工作就像一个魅力谢谢 – WebDesignNub

回答