CSS布局與定位——height百分比設置無效/背景色不顯示
html元素屬性width和height的值有兩種表達方式，一是固定像素如“100px”，一是百分比如“80%”，
使用百分比的好處是元素會按父元素寬高自動調節大小，有更好的自適應性，
但由於<body>元素默認寬度有效，默認高度無效，
因此<div>（定位方式為默認值static）父元素為<body>時width="100%" height="100%"，其高度設置是無效的，
如該<div>無內容，僅設置了背景色和邊框，則<div>背景顏色和邊框也不顯示。
PS：當<div>的定位方式為絕對定位或固定定位，即position屬性值為absolute或fixed時，
父元素為<body>時width="100%" height="100%"，其高寬設置均有效，默認為當前窗口的寬高百分比，
若設置了背景色和邊框，則<div>背景顏色和邊框均可顯示。
absolute定位和fixed定位區別見【 CSS布局與定位——Positioning(定位)四種定位方式要點總結】。