फ्लोट का मानक व्यवहार क्या है: फ्लोट के ठीक बाद: बाएं?

Question

मान लीजिए वहाँ इस तरह के HTML टैग्स:

​<span> 
    <span id='s1'>Text 1</span> 
    <span id='s2'>Text 2</span> 
</span>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

और सीएसएस शैली है:

​#s1 { 
    float: left; 
} 
#s2 { 
    float: right; 
} 

प्रदर्शन के मानक व्यवहार क्या है?

कुछ ब्राउज़र में, मैं

पाठ 1 पाठ 2

देख IE के कुछ संस्करण में, मैं देख रहा हूँ

पाठ 1

  Text 2 

ऐसा लगता है कि फ्लोट: दाएं अवधि को अगले पंक्ति में धक्का दिया जाता है।

Answer 1

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

इंटरनेट एक्सप्लोरर (5, 6, 7) उन्हें उसी तरह प्रस्तुत नहीं करेगा क्योंकि यह संकुचित फ्लोट की चौड़ाई की गणना करने में असमर्थ है, इसलिए यह इसे अगले पंक्ति पर तब तक दबाएगा जब तक आप स्पष्ट रूप से चौड़ाई को परिभाषित नहीं करते ।

Answer 2

डिफ़ॉल्ट रूप से, <span> एक इनलाइन तत्व है। आपके द्वारा प्रदान किए गए सटीक मार्कअप के साथ, सभी ब्राउज़रों को एक ही पंक्ति पर उन दोनों को प्रदर्शित करना चाहिए, जब तक किएस की गणना की गई चौड़ाई वर्तमान लाइन की लंबाई से अधिक न हो।