मेरे संरेखण को गड़बड़ करने की निश्चित स्थिति क्यों है?

मैं अभी भी हेडर रखने की कोशिश कर रहा हूं और बाकी सामग्री को नीचे स्क्रॉल कर रहा हूं। मैं इसे प्राप्त करने में सक्षम हूं, हालांकि जब मैं अपने दो शीर्षलेखों पर एक निश्चित स्थिति डालता हूं तो मार्जिन ऑटो के ब्रेक को विभाजित करता है।मेरे संरेखण को गड़बड़ करने की निश्चित स्थिति क्यों है?

सीएसएस:

.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>

स्रोत

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 होगा ly भी मार्जिन-टॉप जोड़ना चाहता है: 80px से संरचना। इसलिए निश्चित हेडर इसे ओवरलैप नहीं करता है। –

@ क्रिस हेरबर्ट या मैं उससे बहुत उम्मीद करता हूं..यह भी एक अच्छा मुद्दा है, इसके अलावा मुझे समझ में नहीं आता कि एक निश्चित div कैसे अपना लेआउट –

पैडिंग-टॉप को तोड़ सकता है: 80 सही काम करता है। सहायता दोस्तों के लिए – LightningWrist

मेरे संरेखण को गड़बड़ करने की निश्चित स्थिति क्यों है?

उत्तर

संबंधित मुद्दे