如何擺脫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之間的白色棉條？

回答

相關問題