margin bottomとpadding bottomが0になってるはずなのに、ブラウザーでみると下に余白が生まれてしまっています。

chrome developer toolでボックスモデルの図を見ると、マージンやパディングは、横棒（-）になっており、数値は表示されてません。

chrome developer toolで問題の該当箇所を確認すると、祖先要素から特にマージンやバディングを受け継いでる訳でもなさそうでした。

何が原因と考えられるでしょうか？