ページのレイアウトは大きく分けると2種類あります。固定レイアウトとも呼ばれます。Layout)、可変レイアウトとも呼ばれます。サンプルフルードレイアウトは、ブラウザの幅により相対的にページの幅も変化します。指定する可変レイアウトに変換するのが簡単です。変換するには、以下の計算式を使います。小数点以下のピクセルの計算ブラウザによって、小数点以下のピクセルを持った場合の計算方法が異なります。以上では全体に収まるように自動的に調整されます。以下では「0.5以上は切り上げ」、「0.5未満は切り下げ」られます。値から引くようにします。親要素の幅は最小のときの幅を使います。7項目あるメニューの場合、単純に7で割ると各項目の幅は「14.285714%」になります。14.28571428571429)上記の算出方法を適用すると以下のようになります。要素などに背景色を設定しておくと良いかも知れません。