css - CSS 页面标题周围的空格

Question

有问题的页面试图让包含页眉的 div 向右移动到页面顶部。我从这个小提琴中复制了我在类似问题的解决方案中找到的代码，但没有收到相同的结果

CSS 正文 {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>

感谢您的帮助

score 0 · Accepted Answer

0

<h1>从和中删除边距<body>：

h1, body {
  margin: 0;
}

于 2013-09-09T20:22:36.087 回答

score 0 · Accepted Answer

0

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

于 2013-09-09T20:23:18.037 回答

score 0 · Accepted Answer

的CSS#headercontent

离开float: right;，删除其余的CSS。您将看到标题内容位于页面的右上角。证明如下。

在此处输入图像描述

score 0 · Accepted Answer

我的猜测是您的页面本身有填充或边距。将此添加到您的样式表中：

html {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
}

4 回答 4