带边框的意外“空格”

Question

当我将一个1px border添加到div时，边框与div内的内容之间会出现意外空间。

与边框：image

<div class="reporting square" style="border: 0.5px solid red; padding: 0px;"> 
    <p>Hi</p> 
</div> 

无边界：image

<div class="reporting square" style="padding: 0px;"> 
    <p>Hi</p> 
</div> 

Answer 1

可以用来Css Reset

或使用到pmargin:0;

p{margin:0;}

<div class="reporting square" style="border: 0.5px solid red; padding: 0px;"> 
 
<p>Hi</p> 
 
</div>

Used to css Reset