如何移除页面周围的隐形边框？请求技术修复协助

• 问题根源：页面中的图片默认是inline元素，会因基线对齐特性在底部产生几像素的隐形间隙，和卡片的紫色边框形成空隙。
• 修复方案：给卡片内的图片添加display: block;样式，消除基线对齐带来的间隙：

.card img {
  display: block;
  width: 100%;
  height: 200px;
  object-fit: cover;
}

• 额外优化：为避免其他盒模型问题，建议全局设置统一的盒模型规则，防止padding/border导致元素尺寸超出预期：

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

内容的提问来源于stack exchange，提问作者Eleanor Tran