设置边框时div跳转答案

【问题标题】：div jumps when seting border设置边框时div跳转
【发布时间】：2012-12-11 19:29:02
【问题描述】：

当用户在 div 上单击时（请参阅下面随附的屏幕截图），我正在设置边框：

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

在 CSS 中我有：

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

设置边框后top和left的文字在3上增加。如何避免这种情况？

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

【问题讨论】：

【解决方案1】：

以 2px 透明边框开始元素，然后更改边框颜色。

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

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

【讨论】：

【解决方案2】：

用于 css3 box-sizing 属性

这样

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

【讨论】：