如何刪除封閉標題和框邊框之間的空白區域？

Question

HTML

<ASIDE><H2>Sample H2</H2> 
Sample content. 
</ASIDE> 

CSS

ASIDE {border: darkkhaki solid medium;} 
ASIDE H2 {background-color: darkkhaki;} 

我想這顯示與在那的顏色相匹配框的最頂部的粗條標題一箱框的邊框，但我得到的是H2和框的頂部邊框之間的空白。我已經在多個瀏覽器中檢查過了，它也是一樣的。所以，這是標準行爲，而不是特定瀏覽器的怪癖。我能做些什麼來消除H2和頂部邊界之間出現的空白？

這裏是jsfiddle link。

Answer 1

將margin-top: 0;添加到您的ASIDE H2 div以消除間隙。

CSS

ASIDE H2 { 
    background-color: darkkhaki; 
    margin-top: 0; 
} 

JSFiddle

Answer 2

這似乎是一個利潤率的問題。

修復非常簡單。只需在您的CSS中添加一個margin-top: 0到您的ASIDE H2即可。

HTML：

<ASIDE><H2>Sample H2</H2> 
Sample content. 
</ASIDE> 

CSS：

ASIDE {border: darkkhaki solid medium;} 
ASIDE H2 {background-color: darkkhaki; margin-top: 0;} 

JSFiddle