为什么固定位置搞乱了我的路线？

我试图保持标题仍然有其余的内容滚动下面。我能够实现这一点，但是当我在我的两个头部div上放置一个固定位置时，会突出margin margin auto。为什么固定位置搞乱了我的路线？

CSS：

.structure { 
    width:960px; 
    padding:20px; 
    margin:0px auto 0px auto; 
    background:#121212; 
    border-left:5px #F06BA8 solid; 
    border-right:5px #F06BA8 solid; 
} 
.header_home_structure { 
    width:960px; 
    margin:0px auto 0px auto; 
    position:fixed; 
    height:80px; 
} 
.header_home_bg { 
    width:100%; 
    background:#121212; 
    border-bottom:3px #F06BA8 solid; 
    height:80px; 
    position:fixed; 
}

HTML：

<body> 
    <div class="header_home_bg clearfix"> 
     <div class="header_home_structure clearfix"> 
      </div> 
     </div> 
    <div class="structure clearfix"> 
    </div> 
</body>

来源

2012-12-19 LightningWrist

在容器DIV只需使用position: fixed，不使用它两次

Demo

.structure { 
    width:960px; 
    padding:20px; 
    margin:0px auto 0px auto; 
    background:#121212; 
    border-left:5px #F06BA8 solid; 
    border-right:5px #F06BA8 solid; 
} 
.header_home_structure { 
    width:960px; 
    margin:0px auto 0px auto; 
    height:80px; 
} 
.header_home_bg { 
    width:100%; 
    background:#121212; 
    border-bottom:3px #F06BA8 solid; 
    height:80px; 
    position:fixed; 
}

来源

2012-12-19 06:06:56

他将probab还希望将margin-top：80px添加到.structure，以便固定标题不会与其重叠。 –

@ChrisHerbert ya我对他的期望很高......并且我不明白固定div如何打破他的布局 –

填充顶部：80工作完美。 – LightningWrist

为什么固定位置搞乱了我的路线？

回答

相关问题