使用CSS3的列留下不必要的頂部和底部邊緣

我與CSS3列試驗，我注意到有頂部和底部邊緣加入，儘管我明確地將它們設置爲0。這裏是截圖：使用CSS3的列留下不必要的頂部和底部邊緣

enter image description here

我已經突出顯示了黃色的邊距。紅色矩形是從Firefox中的Web Developer Toolbar插件繪製的塊級元素輪廓。

這裏是我的CSS：

.section .content { 
    -moz-column-count: 2; 
    -moz-column-gap: 26px; 
    margin: 0px; 
    padding: 0px; 
}

我怎樣才能擺脫利潤率？

編輯
根據要求上傳我的代碼jsbin。它也顯示了兩列之間的差異。當我不使用列時，保證金不會顯示。

2013-01-31 stevenvh

也許添加小提琴？ –

@邁克爾 - 似乎要失望了。我第一次得到「500內部服務器錯誤」，但現在iidrn.com確認它已關閉。 – stevenvh

jsFiddle關閉了，試試這個http://jsbin.com/ .....你確定這個保證金不是從h1的保證金底部嗎？如果您刪除了列CSS，那麼會發生什麼情況？您是否還能看到該邊距？ –

你的問題很簡單，你正在向內容添加一個css，但內容包含一個帶有餘量的段落。將其重置爲0.

<div class="section"> 
     <h1>Heading 1</h1> 
     <div class="content"> 
      <p> 
      </p> 
     </div> 
</div>

。

p{margin:0}

2013-01-31 16:38:28

+1唉！這可能太簡單了，這就是我忽視它的原因:-)。（我可能也會接受，但我傾向於等待一天，並允許其他答案，這可能會提供更多信息。） – stevenvh

回答