किसी भी स्थिति से संबंधित मुद्दे तो इस लिंक को देखने के आप त्वरित समाधान मिलता है।
http://learnlayout.com/position.html
फिक्स्ड
एक निश्चित तत्व व्यूपोर्ट है, जो यह हमेशा मतलब है एक ही जगह भले ही पेज स्क्रॉल किया जाता है में रहता है के लिए किस स्थिति में है। रिश्तेदार के साथ, ऊपर, दाएं, नीचे, और बाएं गुणों का उपयोग किया जाता है।
मुझे यकीन है कि आपने पृष्ठ के निचले-दाएं कोने में निश्चित तत्व देखा है। मैं आपको अब इस पर ध्यान देने की अनुमति दे रहा हूं।
.fixed {
position: fixed;
bottom: 0;
right: 0;
width: 200px;
background-color: white;
}
रिश्तेदार
सापेक्ष स्थिर रूप में एक ही व्यवहार करती है जब तक आप कुछ अतिरिक्त गुण जोड़ने: यहाँ सीएसएस यह वहाँ डालता है है।
.relative1 {
position: relative;
}
.relative2 {
position: relative;
top: -20px;
left: 20px;
background-color: white;
width: 500px;
}
पूर्ण
पूर्ण trickiest स्थिति मूल्य है। व्यूपोर्ट के सापेक्ष निकटतम स्थानित पूर्वजों के सापेक्ष सिवाय इसके विपरीत पूर्ण व्यवहार की तरह व्यवहार करता है। यदि एक पूरी तरह से स्थित तत्व के पास कोई पूर्व निर्धारित तत्व नहीं है, तो यह दस्तावेज़ निकाय का उपयोग करता है, और फिर भी पेज स्क्रॉलिंग के साथ चलता है। याद रखें, एक "तैनात" तत्व वह है जिसकी स्थिति स्थैतिक को छोड़कर कुछ भी है। मेरे साथ
.relative {
position: relative;
width: 600px;
height: 400px;
}
.absolute {
position: absolute;
top: 120px;
right: 0;
width: 300px;
height: 200px;
}
स्रोत
2015-02-18 05:16:05
वर्क्स ठीक:
यहाँ एक सरल उदाहरण है। यहां तक कि यदि ऊपर और बाएं के लिए ऑटो मान अनिवार्य नहीं हैं। समस्या क्या है? परीक्षण के लिए आप किस ब्राउजर का उपयोग करते हैं? – gregseth