Html 由于未知原因，div顶部有空格

我正在一个网站上工作，终于差不多完成了。我只有一个问题。右边的桌子单元（黑板）顶部有一个空间，我一辈子都想不出如何摆脱它。在我把照片放在左边之前，一切都很好

据我所知，因为他们在不同的部门

有人能帮忙吗？谢谢大家!

---

URL是cheesepatch.com

您的

。右侧容器

设置为显示为表格单元格，并垂直对齐底部。将此属性指定给

。右容器

，就可以开始了：

.right-container { 
  vertical-align: top;
}

---

尝试设置

垂直对齐：顶部到表格样式。而
margin:0
右侧容器

显示为

表格单元格

，未设置垂直对齐

将垂直对齐指定给

。右容器

，它将按照假定的方式工作：

.right-container { 
  vertical-align: top;
}

---

我真的更喜欢Chrome调试器来检查这样的东西。您可以轻松地“动态”进行更改，并查看导致事情发生的原因。（在本例中是“right container:vertical align:top；”）我正在使用它，但这是我第一次使用表格单元格，并且没有意识到垂直对齐功能，我仍然有点像个傻瓜。