爲什麼我的第一個導航和身體之間有填充？

enter image description here 我雖然我的CSS的第一部分不會填充身體。這是足夠的內容來解釋我的問題stackoverflow，請允許我現在發佈我的問題。爲什麼我的第一個導航和身體之間有填充？

的CSS：

*{ 
    margin: 0px; 
    padding: 0px; 
} 

header, nav, section, aside, footer{display: block} 

body{ 
    border: solid red 2px; 
} 

nav{ 
    border: solid black 2px; 
}

的HTML：

<!DOCTYPE HTML> 
    <html>      
     <head>              
      <title>redditClone</title>      
            <meta charset="utf-8"/> 
      <link rel=stylesheet href=redditClone.css></link>        
     </head>      
     <body> 
      <nav>my subreddits - dashboard - front - all - random - friends</nav> 
      <header> 
       <h1>Reddit</h1> 
       <nav>theRealAgorist preferences</nav> 
      </header> 
      <section></section> 
      <aside></aside> 
      <footer></footer> 
     </body> 
    </html>

來源

2012-11-11 user1656125

你應該分享您是如何看到它的屏幕截圖。嘗試在瀏覽器中使用檢查器來找出造成差距的原因。 –

「雖然我的CSS的第一部分不會在內部填充，但這足以解釋我的問題stackoverflow，請允許我現在發佈我的問題。」非常有趣。 – BoltClock

我在小提琴上看不到使用此代碼的任何填充。 'nav'和'header'元素之間的空間來自'h1'標籤的'line-height'。 –

我沒有看到在Chrome，FF或IE9任何填充，但是......

嘗試改變這：

header nav section aside footer{display: block}

到此：

header, nav, section, aside, footer {display: block; padding: 0px; margin: 0px; }

必須使用逗號來選擇多種元素

來源

2012-11-11 11:40:32 Peter

已經改變了..謝謝。我昨天更新了Chrome，這就是我看到的。 – user1656125

爲什麼我的第一個導航和身體之間有填充？

回答

相關問題