如何摆脱DIV之间的这条白色？答案

【问题标题】：How to get rid of this sliver of white between DIVs?如何摆脱DIV之间的这条白色？
【发布时间】：2010-05-30 04:17:28
【问题描述】：

我目前无法摆脱一小块白色......

这是一个示例页面：http://m.stackoverflow.quickmediasolutions.com/view_question.php?id=97969&site=serverfault

如您所见，答案在“按钮”顶部和内容之间填充了一条白色。

以下是一些相关代码：

<!-- this is the top of the 'button' -->
<div class='top'></div>

<!-- right here is where the space is -->
<div class='content'></div>

.top {
    height: 5px;
}
.content {
    display: block;
    padding-left: 10px;
}

编辑：这个问题现在已经解决了，我很快就会接受下面的答案。

【问题讨论】：

你应该把这个放在doctype.com

标签： css html positioning

【解决方案1】：

这看起来像 <p> 元素的原生边距：

.question p { margin: 0 }

这里有一个相关的提示，它使用 CSS-Reset，它消除了大多数这些奇怪和跨浏览器兼容性问题。

【讨论】：

我想是否与此有关，但真的不知道该怎么办 - 我以前遇到过类似的问题 :)
+1 同意，它创建空白的段落的边距
@George 如果您使用 *{margin:0;padding:0;} 作为第一个样式，那么您只会获得您专门应用的边距和填充，这可以帮助您避免“神秘”空格
@Cez：很棒的提示...我可能会这样做。

【解决方案2】：

您知道，您会惊讶于空格破坏布局的频率。我发现了困难的方法。

只是为了 $hits 和 gggles 一起写出来看看会发生什么：

<div class='top'></div><div class='content'></div>

当然我会确保在你的 css 中为两个 div 定义 margin:0px;

【讨论】：