【CSS】float=”left”でアイテムを並べる時は、親要素にマイナスマージンを設定する

CSSでfloat=”left”でアイテムを2列や3列に並べる際、親要素内に均等に並べようとすると、
一番右端側の要素のマージンが不要になったりします。

その場合、クラス追加やjQueryの設定でマージンを取ったりすることもできますが、
親要素にアイテムの右マージン分を、右マイナスマージンとして設定するだけで、
綺麗にならべることができます。

ただ、レスポンシブの場合は、場合によってはこの設定は使えなかったと思うので注意です。

ちょっと文章で上手くメモできないので、また後日簡単なイラストなどでメモしておきたいと思います。

コメント

タイトルとURLをコピーしました