मैं यहाँ एक लेआउट बनाने के लिए है, जिसमें ऐसा दिखाई देता है कोशिश कर रहा हूँ की तह तक एक div छड़ी बनाओ अनुभाग। [stream-content
] नामक एक अतिरिक्त अनुभाग है, यदि वहां (केवल होम पेज पर होगा) को footer
से पहले स्थिति लेनी होगी। और उस स्थिति में, content
अनुभाग को header
और stream-content
अनुभाग के बीच स्थान लेना चाहिए। मैंने पूर्ण स्थिति के साथ ऐसा करने की कोशिश की लेकिन मेरे सभी तत्व खराब हो रहे थे, इसलिए ऐसा करने का सही तरीका समझना चाहता था। सभी मदद के लिए अग्रिम धन्यवाद!माता पिता
उत्तर
अपने wraper वर्ग के लिए position:relative
जोड़ें। स्ट्रीम-सामग्री कक्षा में position:absolute;bottom:0;
जोड़ें।
इसे यहां देखें। Fiddle
अरे धन्यवाद। लेकिन मैंने लाल फूटर को देखा जो मैंने सोचा था कि चिपचिपा भी नीचे जा रहा है जब मैं 'सामग्री' अनुभाग में बहुत कुछ जोड़ता हूं। मैंने उस चिपचिपा फूटर को सीएसएस-ट्रिक्स पर देखकर बनाया था http://css-tricks.com/snippets/css/sticky-footer/ लेकिन अब यह काम कर रहा है। क्या ऐसा कुछ है जो मुझे याद आया? कुछ मदद पाने के लिए बहुत अच्छा होगा। – user1240679
तो क्या आप चाहते हैं कि यह ब्राउज़र के नीचे या कुरकुरा के तल तक टिके? –
इसमें रैपर के साथ कुछ लेना देना नहीं है। 'निश्चित 'स्थिति स्क्रीन के व्यूपोर्ट से संबंधित है, न कि तत्व के माता-पिता। –
यदि मैं सही ढंग से समझता हूं तो इसे करने का एक तरीका रैपर के बाहर [स्टीम सामग्री] डालना होगा, क्योंकि रैपर वह है जो नीचे की ओर पैरर रखता है। आप [भाप सामग्री] आवरण के अंदर होना आवश्यक है, तो आप तल पर एक साथ रखने के लिए पाद लेख के साथ इस http://ryanfait.com/sticky-footer/ की तरह कुछ कोशिश कर सकते हैं
लिंक टूटी हुई है। मैं एक संग्रहित संस्करण खोजने की कोशिश करता हूं लेकिन यह robots.txt अनुक्रमण को अस्वीकार करता है। प्रतिक्रिया के लिए – carefulnow1
- 1. माता-पिता के jQuery माता-पिता
- 2. माता पिता
- 3. माता-पिता
- 4. माता पिता
- 5. माता-पिता
- 6. माता पिता
- 7. माता-पिता
- 8. माता-पिता
- 9. पहुँच $ माता पिता की $ माता पिता - नेस्टिंग संदर्भ
- 10. बाल माता पिता माता पिता से चौड़ाई% ले
- 11. टेम्प्लेटेड माता पिता वर्ग
- 12. माता-पिता सीमा-त्रिज्या
- 13. जेनेरिक माता पिता
- 14. माता-पिता नियंत्रक
- 15. कोई माता-पिता
- 16. सीएसएस: रिश्तेदार माता-पिता
- 17. माता पिता परियोजना निर्देशिका
- 18. js माता पिता घटक
- 19. माता पिता निकटतम बनाम
- 20. SVN माता पिता
- 21. स्विंगनोड के माता-पिता
- 22. माता पिता का चयन
- 23. अपने माता-पिता
- 24. पहुँच माता पिता गुंजाइश
- 25. जेएसटी - माता-पिता नोड
- 26. एक सामान्य माता-पिता
- 27. ऑफसेट माता-पिता
- 28. XSL: माता-पिता
- 29. मैं माता पिता div
- 30. व्यू अपने माता-पिता
आप हमेशा अपने div की ऊंचाई को पर्सेंट में बना सकते हैं। शीर्षलेख 5%, शरीर 90%, पाद लेख 5%। मुझे यकीन नहीं है कि क्या पर्सेंट फेंक रहे हैं, लेकिन इसे काम करना चाहिए। –
[यह मदद कर सकता है] (http://jsfiddle.net/peteng/9DLeg/) - सामग्री को स्ट्रीम करें और सामग्री को मध्य भाग – Pete