您可以使边框透明。这样,它就存在了,但却是不可见的,因此它不会推动任何事情:
.jobs .item {
background: #eee;
border-top: 1px solid transparent;
}
.jobs .item:hover {
background: #e1e1e1;
border-top: 1px solid #d0d0d0;
}
如果您的元素具有指定的height
和/或width
,则还可以使用@R_997_2419@-sizing:border- @R_997_2419@;
,因为此框模型在计算出的大小中包括了填充和边框宽度,例如:
.jobs .item {
background: #eee;
height: 40px;
@R_997_2419@-sizing: border-@R_997_2419@;
}
.jobs .item:hover {
background: #e1e1e1;
border-top: 1px solid #d0d0d0;
}