图像边框宽度加起来等于图像尺寸（仅在Chrome中）

Question

我制作了一个图像使用的地图，但是当我尝试单击指定区域时，在图像上有边框时，该区域将按边框的宽度移动到顶部和左侧。

我怀疑边框的宽度已添加到图像的宽度和高度中。据我所知，这仅在Chrome中发生。 这是代码：

ScriptMananger.RegisterStartupScript

有什么办法可以解决这个问题？

Answer 1

使用npm install npm@latest -g 属性将边框大小包括在元素的总大小中：：

box-sizing

    #imgStyle{
    border:20px solid black;
    border-image: url("border.png") 60 round;
    box-sizing:border-box;
    }