使用 %? 标记内容高度/宽度？答案

【问题标题】：Marking up content height/width using %?使用 %? 标记内容高度/宽度？
【发布时间】：2015-01-04 04:58:09
【问题描述】：

过去几天我一直在玩前端网页设计，主要使用浮动/clearfix 来定位我的内容。我一直在使用 % 标记内容的宽度，效果很好。

但是，如果我尝试将高度定义为整个页面的百分比，它将无法正常工作，更准确地说，它似乎只是环绕了那里的任何内容，我必须将高度定义为 px 值。

这是有原因的吗？是否有一种解决方法，我可以使用百分比值并实际划分页面？

【问题讨论】：

要强制高度或宽度，请在 CSS 中尝试 min-height 或 min-width --developer.mozilla.org/en-US/docs/Web/CSS/min-height
我认为你需要添加一些 HTML 和 CSS 来展示你到目前为止所做的尝试
请阅读How does accepting an answer work?，请勿编辑问题标题以包含“已解决”一词。

【解决方案1】：

要在% 中定义属性height，您需要对父height 进行先前的定义。然后，如果您的父母在px 上有固定的height，您可以使用%；但如果你想工作 % 与窗口或其他 % 值相关，则需要为所有父级设置一个值。

那么如果你想使用 window % 你需要这个：

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%;
}

【讨论】：

【解决方案2】：

请试试这个：给 CSS 100% 的 HTML 标签，然后你应该尝试将 CSS 中的 body 元素设置为

display:block;

给它

min-height:100%

也看到这个话题：

br 保罗

【讨论】：