CSS設置div層充滿整個網頁

div的100%是從其上一級div的寬高繼承來的，要設置div100%顯示，必須設置其上一級div的寬度或高度，不然無效。

前面總得有個容器說明他的高度是多少。這樣的話div才能按比例100%繼承上一級的高度惋惜的是瀏覽器通常默認解釋爲內容的高度，而不是100%。 
解決方法：只要爲html和body設置高度爲100%就能夠了html,body{height:100%;}這樣以後div會按比例來繼承上一級的高度了.僅僅設置的DIV元素的height屬性貌似沒有什麼效果。

 1 html, body{ margin:0; height:100%; }
 2 
 3 .background{
 4     height: 100%;
 5     width: 100%;
 6     background: url(../images/index.jpg);
 7     background-size: 100%;
 8     background-position: top left;
 9     background-position: 0px 0px;
10     background-position: 100% 100%;
11 }

設置完html, body{ margin:0; height:100%; } 纔會使div層的背景圖片充滿整個網頁，否則div層老是撐不開