容器的寬度設置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)