如何摆脱DIV之间的白色棉条？

下面是一个例子页：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; 
}

编辑：这个问题已经得到解决，我会接受下面不久的答案。

来源

2010-05-29 Nathan Osman

你或许应该把定义margin:0px;这在http://doctype.com/ – 2010-05-29 20:10:29

这看起来像原生缘<p>元素有：

.question p { margin: 0 }

一个相关的提示在这里使用一个CSS复位，它消除了大部分这些古怪和跨浏览器兼容性问题。

来源

2010-05-29 20:11:32 Kobi

我*想知道*如果它有什么关系，但真的不知道该怎么办 - 我以前遇到过这样的问题:) – 2010-05-29 20:14:48

+1同意，其创建空白的段落的边缘 – Cez 2010-05-29 20:16:05

@Cez：现在已经修复。 – 2010-05-29 20:16:39

你知道，你会惊讶空白空间布局的频率。我发现困难的方式。

只为$命中和笑声写出来一起看看会发生什么：

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

，当然我会确保在你的CSS你都div的

来源

2010-05-29 20:17:28 Raine

如何摆脱DIV之间的白色棉条？

回答

相关问题