DIV顶部和底部的差距，即使边距为0

Question

我正在使用HTML项目，我在显示div时遇到了一些问题。

我创建了一个“window”div，里面有一个“windowContent”div。 “window”div具有边框图像，“windowContent”只有白色背景。

问题在于顶部和底部存在间隙。

Result: http://i58.tinypic.com/35ckjk6.png
Code: http://jsfiddle.net/mp4a0do3/

我尝试将边距设置为0px，但仍然存在同样的问题。

感谢任何帮助。

Answer 1

将此添加到您的CSS以删除填充和放大第一个H3和最后一个P元素的边距：

.windowContent :first-child {
  padding-top: 0;
  margin-top: 0;
}
.windowContent :last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

（或者，创建新的类来执行相同的操作，并将它们应用于2个相同的元素。）

请注意，通过使用浏览器开发人员工具（或Firefox上的Firebug）检查元素，可以了解差距

。