CSS页眉周围的空格

时间:2013-09-09 20:20:25

标签: css html header

Page in question 尝试将包含页眉的div移到页面顶部。 我将解决方案中找到的fiddle我的代码复制到了类似的问题但没有收到相同的结果

CSS     body {background-color:#848484;}

#header{width:100%; background: blue;}
#headercontent{margin: 0 auto; width: 200px;}

HTML

<body>
<div id="header">
    <div id="headercontent">
        <h1>Header text</h1>
    </div>
</div>

感谢您的帮助

4 个答案:

答案 0 :(得分:0)

<h1><body>删除保证金:

h1, body {
  margin: 0;
}

答案 1 :(得分:0)

h1, body {
  margin: 0px;
  padding :0px
}

答案 2 :(得分:0)

我的猜测是你的网页本身有填充或边距。将其添加到样式表中:

html {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
}

答案 3 :(得分:0)

#headercontent

的css

离开float: right;,删除其余的css。并且您将看到headercontent位于页面的右上角。证据如下。

enter image description here