美文网首页Web前端知识点
html和body到底有多高多宽?浏览器的背景色问题

html和body到底有多高多宽?浏览器的背景色问题

作者: 浪漫天下 | 来源:发表于2018-09-04 13:34 被阅读0次

先说出结论:

          ①:默认情况下,html宽度100%继承浏览器的宽度,和浏览器是等宽的。高度不继承,默认高度为0。

          ②:默认情况下,body宽度100%继承html的宽度,和html是等宽的。高度不继承,默认高度为0。

          ③:浏览器背景色的机制:可以想象成浏览器是一个可以“吸收”背景颜色的东西,当我们设置了body的颜色后,它就会把body的背景色“吸收”后显示为自己的,而当离它更近的html设置了背景色后,它就会“吸收”html的背景色。

块级元素特性: 宽度默认继承父级和浏览器窗口等宽,而高度默认不继承为0。

相关文章

  • html和body到底有多高多宽?浏览器的背景色问题

    先说出结论: ①:默认情况下,html宽度100%继承浏览器的宽度,和浏览器是等宽的。高度不继承,默认高...

  • CSS常见问题

    body和html的区别 关于body和html - 简书 1,html元素的宽与高取决于浏览器的宽高。html元...

  • tips

    可以看到,未设置html 的背景色时, body 的背景色超过了自己的范围,跑到 html 的地盘上去了。。。

  • css全局背景色设置

    背景色 注意点是要加在html或者body上 网站导航 网站导航

  • 盒模型结构

    这张图找了很久…… clientLeft 测试代码 再给body添加背景色发现一个很奇怪的问题,就是body背景色...

  • 张鑫旭博客-01

    对html与body的一些研究与理解 正确认识html与body1.背景色 :一般情况下,我们css控制的最高节点...

  • 当下,真好!

    不清楚 天到底有多高 银河到底有多宽 也不清楚 宇宙到底有多大 时间到底有多长 或许,有一天 梦会告诉我: 纵然天...

  • HTML加载过程

    在地址栏输入url,返回html后,浏览器开始顺序加载并渲染DOM Body标签 当浏览器遇到body标签才算真正...

  • 2018-11-22 css的一些基础知识总结

    直接用浏览器打开代码。 Document body{ height: 5000px...

  • css设置body高度为浏览器的高度

    css设置body高度为浏览器的高度 Try setting the height of the html ele...

网友评论

    本文标题:html和body到底有多高多宽?浏览器的背景色问题

    本文链接:https://www.haomeiwen.com/subject/zmygwftx.html