どうしてもwidthが合わないとき（スマホ）
ヘッダーに下記をいれる。
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
あとたまにやるから忘れるはず。
overflow:hiddenを親要素につけたら幸せになれる。
floatって浮いてるから多様すると大体親要素の高さ自動で認識しない。
つまりはブロックになってる下のpaddingとかも認識しなくなるのはこれで解決☆v
qiita.com
