1、PX：ピクセルは、我々は通常のPXページレイアウトを使用します。
2割合：大まかに言えば、一般的には、親要素、アダプティブページレイアウトより多くを基準とし、割合も頻繁に使用されます。
3、ビューポートの
ビューポート：視覚的なウィンドウ、ブラウザです。
VWビューポートの幅は、1％に等しい1vwビューポートの幅
のVHビューポートの高さは、高いビューポートの1％に等しい1vh
CSS3を使用Calcの
一般的な数学的表記法を使用してCALC（）だけでなく、よりインテリジェントな機能を提供します。
>「+」使用「 - 」、「*」や「/」四則演算、
パーセンテージを使用することができる>、PX、EM、REM他のユニットと、
>各種の演算部と混合することができる。
>で表現「+ - 「と」widht「それはのような、前後にスペースを持っている必要があります」：CALC（12％+ 5em） 『 ;これには、書き込みエラーのスペースはありません
*『と』/」、と>表現』それは前と後にスペースになることはできませんが、スペースを残すことをお勧めします。
たとえばdiv要素カレントウィンドウの高さ-100pxの高さを設定する
{DIV
-カルク（100pxに100VH）高さ;
}