首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
V2EX  ›  CSS

设置 html { background-color : blue },为什么却能铺满整个页面? html 的 height 没有这么高啊

  •  1
     
  •   manyfreebug · 264 天前 · 836 次点击
    这是一个创建于 264 天前的主题,其中的信息可能已经有所发展或是发生改变。
    源码在 JS Bin : http://js.jirengu.com/worodipasu/1/edit?html,css,output
    
    htmlheight.png
    3 回复  |  直到 2019-01-31 16:34:33 +08:00
        1
    Yoefs   264 天前
    因为 html 是文档的根元素
        2
    rabbbit   264 天前 via iPad
    元素的背景会成为画布的背景并覆盖整个画布,被定位(用'background-position')在同一个位置,就像它只是为根元素本身绘制的一样。根元素不会再次绘制这个背景

    然而,对于 HTML 文档,我们建议编写者给 BODY 元素指定背景,而不是给 HTML 元素。对于那些根元素是'background-color'计算值为'transparent'且'background-image'计算值为'none'的 HTML 的"HTML"元素或者 XHTML 的"html"元素的文档,用户代理在给画布绘制背景时,必须应用该元素的第一个 HTML 的"BODY"元素或者 XHTML 的"body"元素子级的背景属性的计算值,并且不给那些子元素绘制背景(作为画布的背景覆盖整张画布)。这种背景也必须被定位到同一个位置,就像它们只是为根元素绘制的一样
    http://www.ayqy.net/doc/css2-1/colors.html#propdef-background
        3
    rabbbit   264 天前 via iPad   ♥ 1
    根元素的背景会成为画布的背景并覆盖整个画布
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   4378 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 25ms · UTC 02:09 · PVG 10:09 · LAX 19:09 · JFK 22:09
    ♥ Do have faith in what you're doing.