msdn
से हवाला देते हुए:सीएसएस स्थिति पूर्ण - अगला स्थान तत्व शरीर है?
"ऑब्जेक्ट पेरेंट तत्व की स्थिति- या करने के लिए शरीर वस्तु को किस स्थिति में है, तो अपनी मूल तत्व तैनात नहीं है"
कहते हैं कि मैं एक div सेट करने देता है नीचे आयाम के साथ कुछ आयाम के साथ 0; और छोड़ दिया: 0; यह शरीर के निचले हिस्से में नहीं बल्कि viewport
के निचले बाएं स्थान पर स्थित नहीं होगा। इसके अलावा शरीर को मार्जिन देते समय - div अभी भी viewport
के निचले बाएं हिस्से में होगा।
मुझे पता है कि इन गुणों के साथ कैसे काम करना है, लेकिन मैं तर्क की तलाश में हूं। क्या यह वह शरीर नहीं है जिसके लिए पूर्ण ग्यारह स्थित नहीं है जब कोई अन्य पूर्वज नहीं रखा जाता है? धन्यवाद!
यहाँ बेला है: http://jsfiddle.net/picbig/0p6rgv8f/
HTML:
<div id="large_box_greater_than_viewport"></div>
<div id="absolute_cnt"></div>
सीएसएस:
body{
margin-left: 200px;
}
#large_box_greater_than_viewport{
width: 900px;
height: 10000px;
background: red;
}
#absolute_cnt{
position: absolute;
width: 65%;
bottom: 0;
left: 0;
height: 80px;
background: rgba(0,0,0,.7);
}
rblarson के रूप में लिखा है: जब स्थिति: रिश्तेदार शरीर तत्व यह शरीर की तह तक ले जाता है पर सेट है। लेकिन क्या एमएसडीएन के बयान के अनुसार शरीर पर यह सेटिंग डिफ़ॉल्ट नहीं होनी चाहिए (और यह बताते हुए कई अन्य स्रोत)? –