経緯

色々作って来たのはいいけど解決してなかったことが解決したので備忘録に

サイト作りの最初はどこにどう配置するかデザインはどうするか悩んで決まらなかったら勢いで作るんですけどタイトル通りの事が起こりました

分かりやすく背景色を付けてます。

何故こんな事が起こるのか

微妙に隙間が出来ていてなんで出来るのか考えてすぐ答えが出ました。
ブラウザにはそれぞれデフォルトでcssが用意されていて何もしていなければそのcssが適用されちゃうのでこんな事が起こっちゃうんです。なのでリセットcssというのを用意してあげてそっちを読み込んであげれば直ります。
リセットcss自体は色んな所に転がっているので調べてみてください。

結論

最初からリセットcssを用意してあげましょう。