美文网首页
CSS常见问题

CSS常见问题

作者: THINKA | 来源:发表于2018-11-30 17:51 被阅读0次

body和html的区别

关于body和html - 简书

1,html元素的宽与高取决于浏览器的宽高。html元素是块级元素,根据块级元素的性质,html默认宽度是占一行的,也就是浏览器窗口的宽度。如果没给html设置高度,那么默认的高度就是有它里面包含的内容高度所决定的,如果给html设置了height:100%,那么它的高度就是浏览器窗口的高度。

2,html元素默认设置了overflow:auto的css样式,在需要的时候就会显示滚动条。也就是它里面的内容高度超过了浏览器窗口的高度,不管html有没有加上高度,都会出现滚动条。

3,body元素默认的定位是position:static,基于  **设置了定位的元素是参考该元素最近的、且设置了非static定位属性的父元素 来定位 **的原则,那么所有定位子元素(父元素没设置定位属性)的定位都是相对于html元素的坐标系统。

4,在几乎所有的现代浏览器中,页面跟浏览器窗口的偏移量是通过给body元素设置margin属性,而不是给html元素设置padding属性。我给html设置了padding也是起作用的。

相关文章

  • vue-cli 3 build 之后样式加载不出来

    常见问题 1、开发时css热更新失效 这是因为在 vue.config.js 开启如下配置导致 css:{extr...

  • 2019前端经典面试题 CSS 部分常见问题

    CSS部分常见问题 1、CSS3选择器有哪些? 答:属性选择器、伪类选择器、伪元素选择器。 2、CSS3新特性有哪...

  • CSS进化之路

    css开发常见问题 CSS解决的是为HTML内容添加样式。那么关键是1.快速为页面内容添加样式2.响应UI需求变化...

  • css常见问题

    1. CSS 中 inline 元素可以设置 padding 和 margin 吗? 行内元素设置width,he...

  • CSS常见问题

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

  • CSS常见问题

    原文:http://css.doyoe.com/作者:飘零雾雨 如何清除图片下方出现几像素的空白间隙? 如何让文本...

  • CSS常见问题

    CSS优先级算法如何计算? 样式优先级规则: 优先级顺序为:!important>style>权重值权重规则:第一...

  • CSS常见问题(三)

    display:inline-block和hasLayout display的值除了block和inline,还有...

  • css常见问题自用

    内容居中 flex实现上下居中,最简单。 背景图片自适应,宽度100%还是高度100%。 1920/1080是背景...

  • css常见问题整理

    持续整理中~~~~~

网友评论

      本文标题:CSS常见问题

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