css - 标题不固定

Question

大家好，我正在设计一个网页。我想要一个固定的标题。

为此我设置position: fixed;。<div>但是当我在网页中添加一个花药并为其设置一些上边距时，标题的边距也发生了变化，这是我的标题 CSS

#header {
  width:100%;
  height:35%;
  color:#303030;
  postion:fixed;
}

下面标题的 div 的 CSS 是这样的

#content {
  width:250px;
  height:350px;
  margin-left:50px;
  margin-top:75px;
  border-style:solid;
  border-color:#303030;
  border-width:1px;
}

我的 html

<div id="header">
Predufu
</div>
<div id="content">
</div>

我在这个问题中添加了我的 html 的一小部分

现在#content我设置margin-top: 75px;了，但是标题的边距也改变了为什么会发生请告诉我我的网页需要一个固定的标题

Answer 1

我更改了一些 CSS 属性并且它起作用了。首先我尝试使用 position: absolute，但它也适用于 position: fixed。

#header {
    position: absolute;
    top: 10px;
    left: 10px;
    width:100%;
    height: 100px;
    color:#303030;
    background-color: #aaa;
}

#content {
    position: absolute;
    top: 120px;
    left: 50px;
    background-color: #eee;
    width:250px;
    height:350px;
    border: 1px solid 303030;
}

请参阅此处的位置：固定-> http://jsfiddle.net/NicHope/n32Mu/ 这是您要找的吗？

Answer 2

尝试将其顶部位置添加到标题。你的拼写位置也错了。

尝试这个：

#header {
  width:100%;
  height:35%;
  color:#303030;
  position:fixed;
  top: 0px;
}

JSfiddle 示例