容器的宽度设置100% 高度右100%和auto auto是子容器的高度 而100%的是父容器的高度，如果父容器为设置高度则冒泡到html（或者body？） 沾满屏幕代码如下 ``` body,html{ width:100%; height:100% } div{ position:fixed; width:100%; height:100%; } ``` 也可以使用vh ``` div{ width:100%; height:100vh; } ``` body{ height:100%; background-image:url(./img/background.png); }  宽度同理 body的高度适应屏幕大小设置成  height:100%; 前提条件是他的父元素html也要设置成height:100%;    html和body的关系： html具有默认的元素是overflow:auto,这将导致在需要的时候会出现滚动条 bdoy:具有的默认元素：position:static The  element is (by default) , which means that positioned children of it are positioned relative to the  element's coordinate system. 元素是（默认），这意味着它的定位子元素相对于元素的坐标系定位。 几乎所有的浏览器，默认的偏移margin是在body元素上，而不是html的padding.（通过做实验确实如此）有些还是body的padding，**所有重置页边距用body{margin:0;padding:0}缺一不可**。 有时候没有设置html'的高度为什么会出现滚动条？运来html有点特殊的的width和height是有浏览器窗口iu大小决定的  《css权威指南指出》height width百分数是相对于包含块『父block级别的』的 ，如果没有显示声明包含块的width和height，当前子类的百分数高度会重置为auto (**牢记：****就是要设置div100%显示，必须设置其上一级div的宽度或高度，否则无效**。） 所有html，body，div都要设置height为100%。**虽然html默认的width和height一样，但是由于body设置的是100%，如果没有** **显式设置html，body还是相当于没设置。** [js和css - 虚无缥缈的云 - 博客园 (cnblogs.com)](https://www.cnblogs.com/lichihua/p/7389255.html)