V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
manyfreebug
V2EX  ›  CSS

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

  •  1
     
  •   manyfreebug · Jan 31, 2019 · 3399 views
    This topic created in 2651 days ago, the information mentioned may be changed or developed.
    源码在 JS Bin : http://js.jirengu.com/worodipasu/1/edit?html,css,output
    
    htmlheight.png
    3 replies    2019-01-31 16:34:33 +08:00
    ech2o
        1
    ech2o  
       Jan 31, 2019
    因为 html 是文档的根元素
    rabbbit
        2
    rabbbit  
       Jan 31, 2019 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  
       Jan 31, 2019 via iPad   ❤️ 1
    根元素的背景会成为画布的背景并覆盖整个画布
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2897 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 35ms · UTC 09:10 · PVG 17:10 · LAX 02:10 · JFK 05:10
    ♥ Do have faith in what you're doing.