justify-content: space-betweenとは CSSのdisplay: flexでjustify-content: space-betweenを使用すれば要素を均等に配置することができる。 floatと違って右端の要素にmargin-right: 0を付ける必要がなく、clearfixも必要もないため最近は多くのサイトで使用されている。 たまに不要な余白があることがある たまに左端か右端(あるいはその両端)に不要な余白が追加されているサイトを見かける。 このようなケースは3つの原因が考えられる。 原因その1 marginが付与されている justify-content: space-betweenが指定されていても要素にmargin-rightなどが指定されている場合は位置がずれるため余白が発生する。 要素にmargin: 0 !importantを追加して余白がなくな