【问题标题】: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;
}

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

【问题讨论】:

标签: css html positioning


【解决方案1】:

这看起来像 &lt;p&gt; 元素的原生边距:

.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;

【讨论】: