标头不固定

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

尝试将其顶部位置添加到标题中。还有你拼写错误的位置。

试试这个：

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

JSfiddle实例

Answer 2

我更改了一些CSS属性，它起了作用。首先，我尝试了立场:绝对，但它也适用于位置:固定。

#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/是你要找的吗？