按照w3c中的width和height屬性， 可以明確%設定寬高時根據父元素的寬高來的。
1. width: 100%
<body>
<div style="width:100%;height:100%;background-color:blueviolet;">
width:100%;height:100%; </div>
</body>
//寬100%，我們現在看到的高是屬於font-size的，而不是100%；
可以看到基本上寬的100%很容易就實現的，但是這里的height卻不能設置成%比的（該元素會消失看不見），這是為什么呢？
2. height: 100%
%是一個相對父元素計算得來的高度，要想使他有效，我們需要設置父元素的height;
要特別注意的一點是，在<body>之中的元素的父元素並不僅僅只是<body>，還包括了<html>。
所以我們要同時設置這兩者的height，只設置其中一個是不行的：
html,body{ height: 100%; margin: 0; padding: 0; }