移动时悬停内容上会显示框大小边框

Question

码:

   <div class="block">

    </div>

div.block
{
   box-sizing: border-box;
}
div.block:hover
{
   border: 1px solid orange;
}

当使用盒子大小悬停块时,里面的内容是移动的,如何防止这种情况？

Answer 1

div.block {
   box-sizing: border-box;
   border: 1px solid [your bg color];

}
div.block:hover {
   border: 1px solid orange;
}

试试这个 :)

当您悬停时,它会添加边框.所以它制作额外的像素.如果您为原始项目添加边框(此案例块),则不必添加新像素,因为它们已经存在.

如下所述:边界1px固体透视将工作正常