css - 带有填充0的div之间的差距？

Question

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

所以基本上我在2个div之间有一个差距。在这里你可以看到它。

score 2 · Accepted Answer

间隙是由p元素引起的。
您需要取消边距 - 浏览器的默认行为是在段落前后添加 1em。

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

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

score 2 · Accepted Answer

给overflow:hidden你的.bigtext，像这样：

.bigtext{
 overflow:hidden;
}

这个问题被称为“折叠边距”。

score 2 · Accepted Answer

在你的内容课上

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

score 0 · Accepted Answer

0

margin-top:-23px你可以通过应用到.contentdiv来破解它

于 2012-06-12T13:25:23.573 回答

score 0 · Accepted Answer

0

试试margin: 0;那些 div。

于 2012-06-12T13:22:37.427 回答

5 回答 5