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

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

  •  1
     
  •   manyfreebug · 2019-01-31 15:47:54 +08:00 · 2944 次点击
    这是一个创建于 2117 天前的主题,其中的信息可能已经有所发展或是发生改变。
    源码在 JS Bin : http://js.jirengu.com/worodipasu/1/edit?html,css,output
    
    htmlheight.png
    3 条回复    2019-01-31 16:34:33 +08:00
    Yoefs
        1
    Yoefs  
       2019-01-31 15:58:39 +08:00
    因为 html 是文档的根元素
    rabbbit
        2
    rabbbit  
       2019-01-31 16:33:24 +08:00 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
    rabbbit
        3
    rabbbit  
       2019-01-31 16:34:33 +08:00 via iPad   ❤️ 1
    根元素的背景会成为画布的背景并覆盖整个画布
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2489 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 15:46 · PVG 23:46 · LAX 07:46 · JFK 10:46
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.