2011-05-18 17 views
8

मेरे पास एक मूल कंटेनर है जिसमें फ़्लोट किए गए आइटम की एक सूची है। नए फ्लोट किए गए आइटम जोड़े जाने पर मूल कंटेनर सही तरीके से विस्तार करता है।सीएसएस गतिशील चौड़ाई 100% से अधिक

लेकिन जैसे ही मैं अधिक आइटम जोड़ता हूं और आइटम विंडो के दाईं ओर आते हैं, तो नया आइटम बस एक नई पंक्ति पर कूद जाता है। इसके बजाए मैं इसे दाएं विस्तार में रखना चाहता हूं, जिससे मेरा मूल कंटेनर 100% से बड़ा हो।

क्या कंटेनर चौड़ाई को अधिकतम-चौड़ाई की तरह कुछ परिभाषित करना संभव है: अनंत ;?

मेरे अपने प्रश्न का उत्तर देने के लिए मुझे पता है कि मैं केवल 5000% या कुछ की अधिकतम चौड़ाई कर सकता हूं, लेकिन मैं बस सोच रहा था कि क्या अच्छा समाधान है। मुझे लगता है कि यह एक तरह का अजीब बात है कि एक पृष्ठ की ऊंचाई अधिकतम चौड़ाई है: अनंत; और किसी पृष्ठ की चौड़ाई में एक ही व्यवहार नहीं हो सकता है।

शायद यह सिर्फ एक मूर्ख सवाल है, लेकिन मैं इसे वैसे भी पूछता हूं: पी।

उत्तर

0

मुझे लगता है कि overflow:visible चाल चलाना चाहिए।

1

जहां तक ​​मुझे पता है, आप अपने फ्लोट की चौड़ाई की गणना करने के लिए जावास्क्रिप्ट का उपयोग किये बिना इस क्रॉस-ब्राउज़र को विश्वसनीय रूप से नहीं कर सकते हैं।

फिर, आपके ऊपर उपरोक्त के चारों ओर एक "रैपर" div हो सकता है, जो सुनिश्चित करता है कि आपकी फ्लोट चौड़ाई में 5000px हो सकती है। स्क्रॉल करने के लिए ओवरफ्लो-एक्स का उपयोग करके उपस्थिति दिखाई देगी कि आपका div लगातार बढ़ रहा है।

मुझे लगता है कि यह बॉक्स मॉडल के कारण है, जहां तक ​​मुझे पता है कि कोई कंटेनर नहीं है जो गणना की चौड़ाई के बिना बड़ा और बड़ा और बड़ा हो जाता है। आप हमेशा एक निश्चित चौड़ाई के साथ डोम पदानुक्रम (सोच शरीर/एचटीएमएल) के रास्ते के साथ एक मूल ब्लॉक तत्व हिट करेंगे।

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