やっぱりfloatが分からん
なんかfloatを無効化するのにclearfixなるものがあるらしい。
clearfixの最新版 -フロート関連やマージン相殺の不具合を解決するモダンブラウザ用clearfix
そしてその進化版のdisplay: flow-root;
というのもあるとのこと。
これ↓はわかりやすかった。
CSSのマージンが効かない時の解決法(marginの縮小・折りたたみ)
なんかfloatを無効化するのにclearfixなるものがあるらしい。
clearfixの最新版 -フロート関連やマージン相殺の不具合を解決するモダンブラウザ用clearfix
そしてその進化版のdisplay: flow-root;
というのもあるとのこと。
これ↓はわかりやすかった。
CSSのマージンが効かない時の解決法(marginの縮小・折りたたみ)