我的页面中间的大间隙是怎么回事？答案

【问题标题】：Whats with the big gap halfway down my page?我的页面中间的大间隙是怎么回事？
【发布时间】：2012-05-21 08:48:55
【问题描述】：

我的页面是here。我正在讨论的部分从帆布美术包装开始，你会注意到第一段和第二段之间有很大的差距。我在 chrome (osx)、safari(osx) 和 firefox(windows) 上看过它

标记中没有任何内容表明其原因。检查它显示没有边距或任何导致它的东西。

【问题讨论】：

对我来说看起来还可以（Safari OSX），但没有任何代码我们根本无法提供帮助。
我也在 safari osx 上查看它，我可以看到差距。代码只是一个
text
然后另一个
text
好像没有差距，我用的是Firefox 12(Linux)
我看到了差距，并且您的标记验证并且您的 css 看起来还不错，这很奇怪：D
啊，那可能不是这样。听起来 wordpress 正在坚持不应该的事情。我的建议是：进入 html 视图，剪下所有代码，将其粘贴到记事本中，将页面保存为完全空白，然后将元素一一复制回您的 html 视图并保存。我已经把它放在下面的解决方案中。

【解决方案1】：

听起来 Wordpress 坚持不应该做的事情。我的建议是：

【讨论】：

【解决方案2】：

p 有一个边距 - 应该减少

另外，盒子类应该减少它的行高。

编辑

还 - 我将您的文本编辑为：1111 和 2222，这很好

您可能粘贴了包含错误字符的文本

【讨论】：

【解决方案3】：

我看到的主要问题是您的 normalise.css 文件的第 199/200 行：

它有：

p, pre {
    margin: 1em 0;
}

如果我删除它，那么大的差距就会被删除。

【讨论】：

【解决方案4】：

将display: inline-block; 添加到.box p 选择器。它应该在此之后工作。

【讨论】：

你不能让 P 元素——一个内联元素——这是错误的！
这可能是隐藏问题的一种方式。但它并没有真正弄清楚为什么会出错。
不完全确定。但我注意到你的段落有显示块，即使它们是内联元素。所以它可能是一些块元素一个接一个地嵌套而不被浮动的错误。如果您将它们设置为 display: inline 或将它们保留为块元素但将它们向左浮动，它也应该起作用。
ps 不是内联元素！它们自然是block 元素。
段落不是内联元素，它们是块元素，它们不必浮动！