CSS設置div層充滿整個網頁

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

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

html, body{ margin:0; height:100%; }

.background{
    height: 100%;
    width: 100%;
    background: url(../images/index.jpg);
    background-size: 100%;
    background-position: top left;
    background-position: 0px 0px;
    background-position: 100% 100%;
}

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