Html 为什么我的第一个导航和身体之间有衬垫？_Html_Css

Html 为什么我的第一个导航和身体之间有衬垫？

html css

Html 为什么我的第一个导航和身体之间有衬垫？,html,css,Html,Css,我认为css的第一部分不会在正文中填充内容。这是足够的内容来解释我的问题，请允许我现在发布我的问题 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>

我认为css的第一部分不会在正文中填充内容。这是足够的内容来解释我的问题，请允许我现在发布我的问题

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>


    
             
红细胞克隆
        
       
    
我的子插件-仪表板-前端-所有-随机-朋友
雷迪特
自由主义者的偏好

我在Chrome、FF或IE9中没有看到任何填充，但是

尝试更改此选项：

header nav section aside footer{display: block}

为此：

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

您必须使用逗号来选择许多元素

您应该共享一个屏幕截图，说明您是如何看到这些元素的。尝试在浏览器中使用inspector来找出造成此差距的原因。“我认为css的第一部分不会在正文中添加任何填充。这足够解释我的问题stackoverflow，请允许我现在发布我的问题。”非常有趣。我在fiddle上看不到使用此代码的任何填充。您的

nav

和

header

元素之间的空间来自

h1

标记的

行高度。Chromium无可见填充必须使用reset.css或normalize.css。已更改它。。谢谢我昨天更新了chrome，我就是这么看的。