調べると、親要素に overflow:hidden; を指定すると直るとか
情報があるが諸々試しても改善しない！
そんな時は、padding を上下左右個々の定義に変えてみる。
例)
padding: 8px 12px 8px 16px;
↓
padding-top: 8px;
padding-right: 12px;
padding-bottom:8px;
padding-left: 16px;
margin-top が効かなくなった時の対処方法
position をいじった後にこの現象が起きた。
margin が聞かない Box の１つ外にある要素に
position:relative; すれば直った。
body にあらかじめこのスタイルを定義しておくのが手っ取り早いかも。
それと、margin 系と clear 系は同時に指定しない方がいい模様。
もし、relative を指定しても発生する箇所がある場合は、
margin と clear の同時指定がないか確認しよう。
margin が聞かない Box の１つ外にある要素に
position:relative; すれば直った。
body にあらかじめこのスタイルを定義しておくのが手っ取り早いかも。
それと、margin 系と clear 系は同時に指定しない方がいい模様。
もし、relative を指定しても発生する箇所がある場合は、
margin と clear の同時指定がないか確認しよう。