WEBDESIGNDAY

MORE GOOD DESIGN
MORE INSPIRATION
MORE AND MORE

ボックスの高さをブラウザの高さに合わせるテク3つ!

ボックスの幅をブラウザの幅にあわせるのは、親要素に幅を指定していなければ「width:100%」も必要ありません。親要素の幅の100%に勝手になります(笑)。

問題は高さです。高さは内包している要素の高さになりますので、「height:100%」としただけではブラウザの高さに合わせられません。

そこで今回は「ボックスの高さをブラウザの高さに合わせるテクを3つ」やっていきます。