CSS

flexboxの使い方

CSS

Flexboxの使い方 グリッドレイアウトを作りやすい。 floatを使うより、flexを使う方が簡単で分かりやすい。 列数を指定する方法 widthを指定する。 <div class="grid_layout"> <div class="grid"> </div> <div class="grid"> </div> <div class="grid"> </div> <div class="grid"> </div> </div> .grid_layout { display: flex; flex-wrap : wrap; /*はみ出たら改行する*/ } .grid { /*親要素の…

positionの使い方

CSS

あいまいにしていたことを、明確にしていきます! 参照元 positionの使い方 positionの設定値 1つ目:static 2つ目:relative 3つ目:absolute 4つ目:fixed positionの使いどころ 見出しのアイコン 参照元 CSSのpositionを総まとめ!absoluteやfixedの…