CSS1 पासून स्पष्ट सीएसएस गुणधर्म सीएसएस चा भाग आहे. हे आपल्याला निर्दिष्ट करते की कोणता घटक साफ घटकांच्या बाजूला फ्लोट करू शकतो आणि कोणत्या बाजूला आहे स्पष्ट मालमत्तेत पाच संभाव्य मूल्य आहे:
- काहीही नाही
- डावीकडे
- उजवीकडे
- दोन्ही
- वारसा
सीएसएस स्पष्ट गुणधर्म कसे वापरावे
आपण एखाद्या घटकावरील फ्लोट प्रॉपर्टी वापरल्यानंतर स्पष्ट मालमत्ता वापरण्याचा सर्वात सामान्य मार्ग उदाहरणार्थ:
माझ्या प्रतिमेपुढील मजकूर
माझी प्रतिमा खाली असलेला मजकूर
साफ करण्यासाठी सर्व घटक डीफॉल्ट: काहीही नाही; , म्हणून आपण इतर घटकांना फ्लोट करावयाचे नसल्यास, आपण स्पष्ट शैली बदलणे आवश्यक आहे
जेव्हा आपण फ्लोट्स साफ करीत असता, तेव्हा आपण आपल्या फ्लोटच्या स्पष्टतेशी जुळता. म्हणून जर आपण घटक डावीकडे वळवले तर डावीकडे तुम्ही साफ व्हायला हवे. आपले सुरु केलेले घटक फ्लोट करणे सुरू राहील, परंतु साफ केलेले घटक आणि त्या नंतरचे प्रत्येकगोष्ट ते खाली वेब पृष्ठावर दिसेल.
जर आपल्याकडे दोन्ही डावीकडील डावीकडे निगडित घटक आहेत तर आपण फक्त एका बाजूला साफ करू शकता किंवा दोन्ही साफ करू शकता.
लेआउट्स मध्ये स्पष्ट वापरणे
सर्वात सामान्यपणे डिझाइनर स्पष्ट मालमत्ता वापर पृष्ठ घटक लेआउट आहे वापर आपल्याकडे एखाद्या मजकुराच्या ब्लॉकमध्ये फ्लोट होत असलेली एखादी प्रतिमा असू शकते आणि पुढचा परिच्छेद आपल्याला प्रतिमाच्या खाली प्रारंभ करू इच्छित आहे, किंवा कदाचित आपल्याजवळ मजकुराचे एक संपूर्ण स्तंभ असेल जो आपल्याला मजकूराच्या दुसर्या भागापर्यंत फ्लोट करायचा आहे, खाली काही मजकूर दिसून येत आहे.
या स्वरूपातील मांडणीसाठी HTML येथे आहे.
त्यात एक डिव्हीक्ट कंटेनर आहे जो दुस-याकडे डावीकडे आहे.
एक लहान floated div
कंटेनर डीव्हीवरील अंतर्भागास डाव्या बाजुस असलेल्या उजव्या बाजूच्या उजवीकडे असणार.
हे दंड काम करेल, मुख्य डिव्हीजच्या उरलेल्या भागाच्या डाव्या बाजूस असलेल्या लहान दिवा सह.
एखादे टॅग जोडून आपण तो हवातील बॉक्स अंतर्गत लिहायला सुरूवात करू इच्छित असल्यास आपण निळा बॉक्सच्या पुढे मजकूर क्लिअर करू शकता.
पण जेव्हा समस्या उद्भवते तेव्हा त्याच्या पुढे असलेल्या मजकूरापेक्षा लांबीचा बॉक्स बराच काळ असतो. नंतर, आपण बघू शकता की, मुख्य चौकटीचा पार्श्वभूमी रंग खाली असलेल्या बॉक्सच्या खाली नाही.
सुदैवाने, याचे निराकरण करण्याचा सोपा मार्ग आहे: संपत्ती मुख्य बॉक्स ओव्हरफ्लो सेट करून: ऑटो; पार्श्वभूमीचा रंग हा मोठ्या आकाराच्या बॉक्सच्या खालच्या बाजूस अगदी तळाशी राहील, या उदाहरणामध्ये दाखविल्याप्रमाणे.