帶邊框的意外「空格」

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