html -

Question

我正在尝试制作一个至少看起来还不错的网页，包括标题和内容等等，但我遇到了一个问题。我的页眉和页面顶部之间有这个奇怪的空间。过了一会儿我发现了 <h1>标签是罪魁祸首。我想在那里有大文本，但不知道如何不弹出这个奇怪的问题。

我怎样才能保留 <h1>在那里标记，并删除不需要的间隙？

body {
    margin: 0px;
    height: 2000px;
    background-image: url(http://images6.alphacoders.com/334/334927.jpg);
    background-attachment: fixed;
}
#wrapper {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}
#header {
    float: top;
    margin: auto;
    width: 100%;
    height: 70px;
    top: 0px;
    background: grey;
    box-shadow: 3px 5px 5px #555;
}
#content {
    background: white;
    width: 960px;
    margin: 20px auto;
}

<div id='wrapper'>
    <header>
        <div id='header'>
             <h1>Lorem ipsum dolor sit amet</h1> 
            <!-- if you remove the h1 tags the header fits at the top !-->
        </div>
    </header>
    <div id='content'>
        <div class='post'>dsgsdfgsdfg</div>
        <div class='post'>dsgsdfgsdfg</div>
        <div class='post'>dsgsdfgsdfg</div>
        <div class='post'>dsgsdfgsdfg</div>
    </div>
</div>

Answer 1

标题标签具有从浏览器设置的默认 margin。您可以通过以下方式重置它:

h1 {
    margin: 0;
}