css - header 不固定

Question

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

为此我设置了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/您要找的是这个吗？