随机 15px 边距？

Question

我得到随机的 15px 顶部和底部边距，但我不知道它们来自哪里。

这种情况在 IE 中不会发生，只有 FF 和 Chrome 才会发生。

在以下示例中，每个“Here is content”段落上方和下方的间距是意外的。

#pageContent {
    background-color: #fff;
    padding: 10px;
}

#contentHead {
    height: 33px;
    width: 882px;
    color: black;
    font-size: 14px;
    font-weight: bold;
    line-height: 34px;
    padding-left: 48px;
    text-transform: uppercase;
}

#contentBody{
    background-color: #d4d3d1;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius: 0 0 10px 10px;
    border: 1px solid #8b8b8b;
}

#contentNoSidebar{
    background-color: #000;
    color: white;
}

<div id="pageContent">
  <div id="contentHead">Sample Page</div>
  <div id="contentBody">
    <div id="contentNoSidebar">
      <p>Here is content</p>
      ...
      <p>Here is content</p>
    </div>
  </div>
</div>

Answer 1

如果您谈论的是每个标签周围的边距<p>，那么这是用户代理样式表固有的。默认情况下，段落标签有一个周围的边距。如果你做类似的事情：

p { margin: 0; padding: 0; }

你应该能够摆脱边距/填充。