Sabit konum neden hizalamamı bozuyor?

Başlığı hala açık tutmaya çalışıyorum ve altındaki içeriğin geri kalanını kaydırmaya çalışıyorum. Bunu başarabiliyorum, ancak iki başlığımın üzerine sabit bir pozisyon koyduğumda, marjın otomatik olarak çıkarılması.Sabit konum neden hizalamamı bozuyor?

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>

kaynak

2012-12-19 LightningWrist

Sadece konteyner div üzerinde position: fixed kullanın O probab edecek iki kez

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; 
}

kaynak

2012-12-19 06:06:56

bunu kullanmıyorum Ayrıca margin-top eklemek istiyorum: 80px to .structure böylece sabit üstbilgi çakışmıyor. –

@ChrisHerbert ya da ondan çok şey bekliyorum..yok iyi bir nokta, üstelik sabit bir div'in onun düzenini nasıl kırabildiğini anlamıyorum –

padding-top: 80 mükemmel çalıştı. Yardım dudes için – LightningWrist

Sabit konum neden hizalamamı bozuyor?

cevap

İlgili konular