CSS 技巧

避免滚动条改变页面尺寸

• html - Prevent scrollbar from adding-up to the width of page on Chrome - Stack Overflow

.element-class {
   scrollbar-gutter: stable both-edges;
}

避免 Hover 边框产生元素位移

• Add a CSS border on hover without moving the element - Stack Overflow

添加透明边框

.item {
   background: #eee;
   border: 1px solid transparent;
}
 
.item:hover {
   background: #e1e1e1;
   border: 1px solid #d0d0d0;
}