带/填充0的div之间的差距？

Question

我一直在寻找一段时间（答案）没有成功，所以我想我做了“我的作业”......

所以基本上我在2个div之间有差距。 You can see it here.

Answer 1

将overflow:hidden提供给.bigtext，如下所示：

.bigtext{
 overflow:hidden;
}

此问题称为“折叠边距”。

选中此http://reference.sitepoint.com/css/collapsingmargins

http://www.w3.org/TR/CSS2/box.html

Answer 2

在您的内容类

上

.content {
  background: url("panel.png");
  padding: 0;
  margin: 0;
  float: left; /*new style*/
  width: 100%; /*new style*/
}

Answer 3

差距是由p元素引起的 您需要关闭边距 - 浏览器默认行为是在段落之前和之后添加1em。

如果您使用谷歌浏览器，您可以右键单击并转到检查元素。从那里，您可以看到已对页面上的某些元素应用了哪些默认行为。您甚至可以直观地看到边距创建了哪些空间。你的差距就是其中之一。 =）

请参阅下面的屏幕截图 - 这显示了应用于另一个p元素的边距。

Answer 4

对这些div尝试margin: 0;。

Answer 5

您可以将margin-top:-23px应用于.content div

来破解它