div等元素設置寬高百分比都是基於包含他的塊級對象的百分比高度，所以必須先設置包含它的塊級對象高度與寬度，但是光設置body是不起作用的，必須同時設置html和body。
要使用百分比設置div寬高的話，要養成一個好習慣，先對頁面的html和body元素進行百分比的寬高設置。
設置方法如下：
html,body{
height:100%;
}
設置完畢之后，再對div元素標簽設置百分比寬度和高度便會其作用。