javascript - div里的img等宽等高，但在chrome 模拟器里会显示一圈边框，是div的背景色，为什么？

Question

p里的img等宽等高，但在chrome 模拟器里会显示一圈边框，是p的背景色，这是什么原因？

<style>
    *{
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      vertical-align: baseline;
    }
</style>

<p style="width:880px; height:340px; background:red;position:absolute;left:20px;top:20px">
   <img src="orange_880x340.jpg" height="100%" width="100%" alt="">
</p>