1. 投稿
  2. CSSCSSSCSSSSS

CSSCSSSCSSSSS

横幅の指定

指定のpxから%サイズを計算する

width:calc((子要素のサイズ / 親要素のcontent-boxのサイズ) * 100%)
paddingがかかっている場合、子要素、親要素ともにpaddingの値分を引いた数値を入力する。

単位について

px
固定で表示したい場合に利用する。

%
親要素のサイズに比例して変化するようにしたい場合に利用する。

em
その時々の文字サイズに連動したサイズを指定したい場合に利用する。
親要素に指定・継承されているフォントサイズを基準とした単位。

rem
ブラウザの文字サイズ変更を生かしたまま、固定サイズで表示したい場合に利用する。
ルート要素で指定されている文字サイズを基準とした単位。

横並び

flexの最後の要素を左ぞろえに

擬似要素(after)を使う。
content:””;display:block;width
4カラムの場合、beforeにorder:1を指定することで綺麗になります。