html、body 宽度的问题

html 和 body 的 width 和 height 默认为 100%，为整个视窗的高度和宽度。 html 的 width:100% 占据整个视窗，而 body的width:100%是根据html的 width*100% 计算的。

The percentage is calculated with respect to the height of the generated box's containing block. If the height of the containing block is not specified explicitly (i.e., it depends on content height), and this element is not absolutely positioned, the value computes to 'auto'. A percentage height on the root element is relative to the initial containing block.

所述百分比的计算相对于所生成的框的包含块的高度。如果没有明确指定的包含块的高度（即，它取决于内容的高度），而这个元素没有绝对定位，价值计算为“自动”。根元素上的百分比高度是相对于初始包含块。

参考： height and width on html and body elements

<body>
    <div id="wrapper">
        <div id="container">
            <p>Lots of pragraphs here</p>
        </div>
    </div>
</body>

#wrapper {width:1200px;}

想要 body 在各分辨率下均包裹 #wrapper 可设置 body {min-width:1200px}

今天发现一篇好文章 html与body的一些研究与理解又发现一片：DIV 高度100%

paddingme / Learning-HTML-CSS

html、body 宽度的问题 #18