【CSS】floatを使わないシンプルな2カラムレイアウトの作り方2カラムレイアウトといえばfloatを使うイメージが強いですが、CSS3のFlexboxを使う方法もあります。今回はFlexプロパティを使った2カラムレイアウトの作り方を紹介します。Flexを使った2カラムレイアウトコンテンツとサイドバーで構成された、固定幅の2カラムレイアウトです。elit.メインとサイドを包んでいる親要素をFlexコンテナ化して、横方向に均等配置するように指定するだけです。etcこの通り、Flexプロパティはほとんどのブラウザで動作します。IE8~9でもしっかり表示させたいならflexibilityを使えば良いんじゃないかな。あとがき簡単な2カラムレイアウトだと、Flexboxの偉大さが実感しにくいですね...floatと違って回り込みの解除が必要ないというメリットもありますが。Flexboxが活躍するのはもう少し複雑なレイアウト(レスポンシブとかグリッドとか)を組み立てるときなので、近々別の記事で、もう少し踏み込んだレイアウト方法を解説します。【CSS】蛍光ペンでマーカーを引いたようなテキストを表現する方法CSSのみでお洒落なアニメーション付きのモーダルウィンドウを作ってみたCSSのみでジグザグな枠線(境界線)を作る方法Author名前:Leo26歳にしてようやくフリーターから脱却してWeb屋さんになった人。ライターみたいな事もするよ。あと雪国に住んでるけどバイクが好き。特技は後先考えずに突撃して自滅することです。