css 如何让边框不影响宽度

div.box{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
border:1em solid red;
}

但是我发现设置边框还是会影响布局。所以想了一个办法就是先设置边框，但是边框颜色和背景色一样看着想没有边框一样，然后在鼠标指上去的时候改变一下边框颜色就好，这样就不会影响宽度了，因为本身就存在嘛，只是你看不到而已。

.professional_container .myborder {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    border: 1px solid #fff;
    /* Safari */
}
.professional_container .myborder_foucs {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    border: 1px solid #dee2e6;
    /* Safari */
}