ワイズリマインダー

flexboxを使って2カラムレイアウトを作る

今までは、floatやinline-boxなどを駆使していたが
今回はflexboxを使ってみた

左カラムは250pxで固定
右カラムは残りのサイズにする

<div id="container">
 <div id="nav"></div>
 <div id="contents"></div>
</div><!-- END container -->
#container{ display:flex; }
#nav{ width:250px; }
#contents{ flex:1; }

以上

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください