设置边框时div跳转

Question

当用户登录div时（参见下面附带的截图）我正在设置边框：

$div.addClass("selected-block");

在CSS中我有：

div.selected-block {
   border: 2px solid #155BCE !important; 
   border-radius:3px;
}

设置边框top后，left上的文字3会增加。怎么可能避免这种情况？

PS。我想为取消选择的div制作白色边框，但这不是一个好的解决方案，因为白色边框可以与黑线相交。

Answer 1

用于 css3 box-sizing 属性

喜欢这个

div.selected-block{
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}

Answer 2

使用2px透明边框启动元素，然后更改bordercolor。

div {
   border: 2px solid transparent; 
   border-radius: 3px;}

div.selected-block {
   border-color: #155BCE; 
}