css: html 和 body 标签的宽度设置为 100% - 为什么需要这个？答案

【问题标题】：css: width of html and body tags set to 100% - why this is needed?css: html 和 body 标签的宽度设置为 100% - 为什么需要这个？
【发布时间】：2014-06-09 17:59:53
【问题描述】：

我很好奇 css 文件中html, body{width:100%} 的用途是什么？是一种css重置代码吗？

禁用这段代码不会影响我在浏览器中看到的内容。它是一些旧浏览器或移动设备的“错误修复”吗？我错过了什么吗？谁能解释一下？

谢谢。

【问题讨论】：

大多数情况下不需要。
在大多数情况下？真正需要的情况有哪些？谢谢。
如果你只是在不删除正文的初始自然填充的情况下拥有它，你最终会得到滚动条。我看到它的唯一用途是如果你想隐藏溢出，所以如果你的视口小于项目的宽度，你就不会得到滚动条
比较 jsfiddle.net/yLTTY 和 jsfiddle.net/yLTTY/1

标签： html css properties width

【解决方案1】：

据我所知，当您希望块级元素填充其父级内的任何剩余空间或当元素继承您想要覆盖的设置宽度值时，使用 width:100%。但在大多数情况下，这是不必要的，或者会带来不良后果。

【讨论】：

【解决方案2】：

据我所知，这不是必需的最大时间，有时不提这是由于内容格式不正确而导致 IE 浏览器出现问题。否则就没有必要了。

【讨论】：

什么IE版本？任何描述此问题的示例或链接？非常感谢。
@Haradzieniec，不完全是..我曾经遇到过这个问题，但现在不记得了。对此感到抱歉。如果对您有帮助，请仔细阅读此链接stackoverflow.com/questions/3805150/…

【解决方案3】：

这样理解。

HTML 是 BODY 的父级。
BODY 是内容的父级。
Body 向其父 (HTML) 寻求如何缩放动态属性，因此 HTML 元素需要设置它的高度。而且由于 body 的内容可能需要动态更改。将身体的最小高度设置为 100% 可以实现这一点。

如果我们使用 overflow:hidden 和 body 并且 body 无法获取动态内容的高度，那么 body 高度之外的部分将不可见。

现在的问题是
body什么时候不占据动态内容的高度？

当我们使用浮动元素时。浮动元素的高度不会由父元素计算，直到我们使用overflow:auto。

【讨论】：

问题是关于宽度，而不是高度。