आइए फ्लोट के नुकसान पर ध्यान दें। ब्लॉक और इनलाइन तत्व एक दूसरे के साथ कैसे व्यवहार करते हैं और उनका एक साथ उपयोग करना है या नहीं। आइए विश्लेषण करें कि नुकसान क्या है और इससे कैसे निपटना है।
इस तथ्य के बावजूद कि पिछले लेख में हमने फ़्लोट्स का उपयोग करके साइट के लिए एक साधारण ग्रिड बनाया था, वे मूल रूप से पाठ में तत्वों के प्रवाह को समायोजित करने के लिए हैं। फ्लोट के तीन अर्थ हैं: बाएँ - तत्व बाएँ हाशिये पर चिपके रहते हैं; दाएं - तत्वों को दाहिने किनारे पर दबाया जाता है; कोई नहीं - रैप मोड अक्षम है।
एक फ्लोट-लिपटे तत्व को आकार और गद्देदार किया जा सकता है, लेकिन यदि तत्व इनलाइन है तो यह ब्लॉक तत्व की तरह व्यवहार करेगा।
.ब्लॉक1 {
बाईंओर तैरना;
चौड़ाई: 150 पीएक्स;
}
.ब्लॉक2 {
सही नाव;
चौड़ाई: 150 पीएक्स;
}
फ्लोट का उपयोग करते समय एक और समस्या है, जो धारा से बाहर गिर रही है। ऐसा प्रतीत होता है जब ब्लॉक एक के बाद एक जाते हैं, लेकिन उनमें से केवल एक में फ्लोट संपत्ति होती है, तो यह बाकी के शीर्ष पर होगा, क्योंकि यह अन्य ब्लॉक नहीं देखता है। इनलाइन तत्व फ्लोट तत्वों के चारों ओर लपेटेंगे, लेकिन इस पाठ वाला ब्लॉक फ्लोट तत्व के अंतर्गत रहेगा।
लेकिन फ्लोट फ्लोट के साथ कैसे इंटरैक्ट करता है?
वे पाठ की तरह व्यवहार करते हैं: वे एक के बाद एक तब तक खड़े रहते हैं जब तक खाली जगह होती है, और फिर एक नई पंक्ति में चले जाते हैं। इसलिए, फ्लोट्स की मदद से, हमने ग्रिड बनाना शुरू किया। यदि कोई स्थान नहीं बचा है, तो उन्हें साइट की चौड़ाई से आगे ले जाया जाता है, अर्थात वे कहीं नहीं जाते हैं।
यदि फ्लोट में साधारण ब्लॉक तत्व नहीं दिखते हैं, तो ब्लॉक तत्वों को फ्लोट को देखना सिखाया जा सकता है। हम स्पष्ट संपत्ति का उपयोग करते हैं, जो सभी तरफ (या चयनित लोगों से) लपेटने को अक्षम करता है। अर्थात्, स्पष्ट वाला तत्व फ्लोट वाले तत्व के अंतर्गत आएगा।
