はてなブックマーク

CSS Grid Layout Moduleとは CSS3で策定が進められている、Flexible Box Layout Moduleに次ぐ新たなレイアウトモジュール。 コンテナを縦横の格子状に分割して要素を自由にレイアウトできます。 ブラウザの実装状況 IE・Edgeが完全には対応してないものの、基本機能は最新ブラウザで実装されています。 Can I Use: https://caniuse.com/#search=Grid%20Layout こんな感じのレイアウトをする場合を例に、プロパティの説明をしていきます。 実装 <div class="container"> <div class="item item_header">header</div> <div class="item item_nav">nav</div> <div class="item item_main">mai