我设定了一种风格<html>:
html {
background: #ECECEC;
border: 1px solid #FFFFFF;
}
如果页面内容比页面宽,为什么边框会停止,但背景会继续？
这是一个显示问题的小提琴:http://jsfiddle.net/rPGyc/3
html是一个适当的块级元素,就像body,p,div,等等-它因此观察所有相同的溢出规则其他块元素做.
但是,html当内容溢出其宽度(或当其宽度小于浏览器窗口或视口的100%)时,出血的背景超过其边界的原因是因为背景颜色传播到视口,这是包含画布html及其呈现的所有内容.html但是,边框仍然是元素的一部分,因此当内容溢出时元素不会扩展.这种行为非常类似于应用背景body但不会html导致身体背景传播到根元素,如本答案中所述,引用了规范的这一部分.
正如Alohci 在答案中的评论中所指出的那样,同样适用于html视口:
请注意,html相对于视口的行为方式与主体相对于html的行为非常相似,背景转义超出了html元素的范围.请参阅http://jsfiddle.net/GmAL4/4/以了解我的意思.