Html 为什么固定位置会弄乱我的路线?

Html 为什么固定位置会弄乱我的路线?,html,css,css-position,Html,Css,Css Position,我试图保持标题不动,并将其余内容滚动到标题下。我能够做到这一点,但当我把一个固定的位置,我的两个头球div突破保证金自动 css: html: 只需在container div上使用位置:固定的,不要使用两次 他可能还想在.structure中添加边距顶部:80px,这样固定标题就不会与之重叠。@ChrisHerbert ya我对他的期望太高了。这不是一个好的观点,而且我不明白固定div如何打破他的布局 .structure { width:960px; padding:20p

我试图保持标题不动,并将其余内容滚动到标题下。我能够做到这一点,但当我把一个固定的位置,我的两个头球div突破保证金自动

css:

html:


只需在container div上使用
位置:固定的
,不要使用两次


他可能还想在.structure中添加边距顶部:80px,这样固定标题就不会与之重叠。@ChrisHerbert ya我对他的期望太高了。这不是一个好的观点,而且我不明白固定div如何打破他的布局
.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;
}
<body>
    <div class="header_home_bg clearfix">
        <div class="header_home_structure clearfix">
            </div>
        </div>
    <div class="structure clearfix">
    </div>
</body>
.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;
}