Html 需要删除css中的一些空间吗

我需要删除中间玩家和底部边框之间的空间

我试图使左右边框变短，但id并没有像我预期的那样起作用

我正试着制作一个盒子，里面装着球员，但头和肩膀都要露出来

。顶级船长{
背景色：蓝紫色；
边框：黑色；
边框样式：实心；
边框宽度：1px 1px 1px；
高度：25雷姆；
保证金上限：10雷姆；
保证金底部：-10雷姆；
}
.顶级队长.第一名球员{
边框颜色：黑色；
边框样式：实心；
边框宽度：20px；
最大高度：100%；
最大宽度：100%；
填充：0；
}
部门经理{
宽度：100%；
身高：100%；
位置：绝对位置；
底部：10雷姆；
对象匹配：包含；
}

---

减小主包装的高度，增加图像的高度，然后使用

底部：0

。不要忘记

容器

，因为您正在使用

行

。顶级船长{
背景色：蓝紫色；
边框：黑色；
边框样式：实心；
边框宽度：1px 1px 1px；
高度：12rem；/*已更新*/
保证金上限：10雷姆；
保证金底部：-10雷姆；
}
.顶级队长.第一名球员{
边框颜色：黑色；
边框样式：实心；
边框宽度：20px；
最大高度：100%；
最大宽度：100%；
填充：0；
}
部门经理{
左：0；
右：0；
宽度：100%；
高度：150%；/*已更新*/
位置：绝对位置；
底部：0；/*已更新*/
对象匹配：包含；
对象位置：底部；/*小屏幕需要*/
}

---

我想您还需要设置

z-index

以使其符合您的要求

。顶级船长{
背景色：蓝紫色；
边框：黑色；
边框样式：实心；
边框宽度：1px 1px 1px；
高度：25雷姆；
保证金上限：10雷姆；
保证金底部：-10雷姆；
}
.顶级队长.第一名球员{
边框颜色：黑色；
边框样式：实心；
边框宽度：20px；
最大高度：100%；
最大宽度：100%；
填充：0；
}
部门经理{
宽度：100%；
身高：100%；
位置：绝对位置；
底部：10雷姆；
对象匹配：包含；
z指数：101；
}

有没有办法保持播放器的原始大小？@KhaledMahmoud不断增加图像的高度，直到你得到你想要的（或减少）图像的高度不变