Html 增加方框的填充会增加表格行的高度；在哪

我正在做一张桌子，上面有一些记号，周围有一个盒子。当您将鼠标悬停在长方体上时，标记的大小需要稍微扩大一点，以显示它处于活动状态。这是我的代码：

.container{
位置：绝对位置；
宽度：80%；
左：50%；
转化：translateX（-50%）；
填充：0；
保证金：0；
}
#马克表{
文本对齐：居中；
填充：0；
边框：1px实心#DDDDDD；
宽度：100%；
字体大小：13px；
边界塌陷：塌陷；
盒影：0 4px 8px 0 rgba（0,0,0,0.2），0 6px 20px 0 rgba（0,0,0,0.19）；
字体系列：“开放式SAN”；
}
#mark_表tr{
边框底部：1px实心#DDDDDD；
最大高度：39px；
高度：20px；
}
#标记表.垫片{
宽度：100%；
}
#mark_表th{
填充物：5px；
垂直对齐：底部对齐；
}
#标记工作台。旋转{
填充：0；
垂直对齐：中间对齐；
}
#标记桌子。旋转{
变换：旋转（285度）；
填充：0；
}
#标记表格。表格标题{
高度：60px；
文本对齐：居中；
}
.mark_包装纸{
文本对齐：左对齐；
}
.马克{
背景色：#00C853；
显示：内联块；
保证金：5px；
最小宽度：30px；
最大宽度：30px；
边界半径：3px；
文本对齐：居中；
}
马克：悬停{
填充：1px；
}
.马克{
颜色：白色；
文字装饰：无；
游标：默认值；
显示：内联块；
保证金：5px；
}
@媒体屏幕和屏幕（最大宽度：1024px）{
身体{
位置：相对位置；
身高：100%；
}
.集装箱{
左：0；
转化：无；
框大小：边框框；
身高：100%；
宽度：自动；
填充：2%；
}
}

瓦肯
西弗斯
和谐宝石。
和谐西弗
内特
内特
内特
内特
内特
内特
内特
内特
内特

将缩放效果添加到悬停标记，而不是添加填充

.mark:hover {
  transform:scale(1.1);
}

.container{
位置：绝对位置；
宽度：80%；
左：50%；
转化：translateX（-50%）；
填充：0；
保证金：0；
}
#马克表{
文本对齐：居中；
填充：0；
边框：1px实心#DDDDDD；
宽度：100%；
字体大小：13px；
边界塌陷：塌陷；
盒影：0 4px 8px 0 rgba（0,0,0,0.2），0 6px 20px 0 rgba（0,0,0,0.19）；
字体系列：“开放式SAN”；
}
#mark_表tr{
边框底部：1px实心#DDDDDD；
最大高度：39px；
高度：20px；
}
#标记表.垫片{
宽度：100%；
}
#mark_表th{
填充物：5px；
垂直对齐：底部对齐；
}
#标记工作台。旋转{
填充：0；
垂直对齐：中间对齐；
}
#标记桌子。旋转{
变换：旋转（285度）；
填充：0；
}
#标记表格。表格标题{
高度：60px；
文本对齐：居中；
}
.mark_包装纸{
文本对齐：左对齐；
}
.马克{
背景色：#00C853；
显示：内联块；
保证金：5px；
最小宽度：30px；
最大宽度：30px；
边界半径：3px；
文本对齐：居中；
}
马克：悬停{
转换：比例（1.1）；
}
.马克{
颜色：白色；
文字装饰：无；
游标：默认值；
显示：内联块；
保证金：5px；
}
@媒体屏幕和屏幕（最大宽度：1024px）{
身体{
位置：相对位置；
身高：100%；
}
.集装箱{
左：0；
转化：无；
框大小：边框框；
身高：100%；
宽度：自动；
填充：2%；
}
}

瓦肯
西弗斯
和谐宝石。
和谐西弗
内特
内特
内特
内特
内特
内特
内特
内特
.mark:hover {
  padding: 1px;
  margin: 4px 5px;
}

* {
  box-sizing: border-box;
}