親要素からはみ出してmarginが適用される対策
親要素からはみ出してmarginが適用されることがあります。
marginの仕様として、marginが適用されている要素から先祖要素にborderとpadding、marginの何れかが適用されていない場合に、その先祖要素の範囲までははみ出します。
このはみ出しを防ぐには、先祖要素にborderとpadding、marginの何れかのプロパティを指定するか、先祖要素にoverflow:hidden;を指定することで防ぐことができます。