border邊框為什麼會撐大盒子

border邊框會撐大盒子的原因：

border邊框會撐大盒子，即使給小盒子設置了box-sizing:border-box屬性，在鼠標懸停前添加邊框的確不會更改盒子大小，但在鼠標懸停後添加的邊框還是會算作新添加的元素，此時就會擠壓到盒子裏面的內容。

當我們以後在開發中遇到這種鼠標懸停更改盒子大小的情況，都可以為原來的盒子設置一個透明邊框佔位。