CSS空间来源未知

我试图和某人一起解决这个问题，但我们没能解决这个问题

当媒体查询进入

.entry

成为

display:table

和

.entry wrap

和

.entry footer

变为

显示：表格单元格

问题是，在桌子布局开始后，会有一个空间，我不知道为什么会有这个空间，也不知道如何让它消失

---

我已经在这里上传了设计[链接删除的设计尚未公开]。

您在

style.CSS的第5548行有此CSS规则：

.entry,
.entry-comments,
.comment-respond,
.author-box {
  background: #b7d9e4;
  border-top: 6px solid #489eba;
}

这适用于xxxx后的
文章#
元素，因为这些元素上有类
条目
。空间来自
边框顶部
属性

边框顶部
的颜色与铅笔右栏的颜色相同，因此看起来空间可能位于边框以外的其他位置，而实际上并非如此。如果更改边框颜色，您可以清楚地看到边框的应用方式。
请在相应的媒体查询中添加以下内容：

.entry-wrap {
   display: table-cell;
   vertical-align: top; /* <- add this line */
}

.entry wrap{
显示：表格单元格；
垂直对齐：顶部；/*这个预定的6px边框与~100px空间有什么关系？可能是我的图像和箭头误导了你。我想要红色箭头消失的整个空间。@redanimalwar啊，是的，箭头似乎指向顶部的深蓝色小条，所以我想你的意思是。看起来像垂直箭头ign:bottom | middle；appliedOh dam，默认情况下表格单元格是中间的。非常感谢；）。我没有想到这一点。好吧，该死，有人打败了我：P.@redanimalwar表格布局似乎是在
宽度应用于
之前计算的。条目页脚
，因此表格高度由
的计算高度决定ntry footer
在它得到一个使其高度更小的宽度之前。这就是导致自动计算的填充的原因，
.entry
在顶部，而
.entry footer
在底部。垂直对齐会使它看起来很奇怪，因此您需要自己设置它。
.entry-footer {
   display: table-cell;
   vertical-align: bottom; /* <- add this line */
   width: 190px;
   background-color: #489eba;
}