%単位
相対的な測定単位である%は、
子要素のサイズをその親要素のサイズに対して
設定します。例えば、
四角形の幅が50%ということは、
親要素の半分のサイズであることを意味します。
例
子要素の四角形の幅を20%、
高さを40%に設定してみましょう：
<div>
<p></p>
</div>
div {
border: 1px solid black;
width: 200px;
height: 100px;
}
p {
border: 1px solid red;
width: 20%;
height: 40%;
}
:
