Question

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>

Answer 1

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

尝试改变这个：

header nav section aside footer{display: block}

到此：

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

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

为什么我的第一个导航和身体之间有填充？

1 个答案: