స్పష్టమైన CSS ఆస్తి CSS1 నుండి CSS భాగంగా ఉంది. ఇది క్లియర్ చేయబడిన మూలకం పక్కన ఉన్న అంశాలను మరియు ఏ వైపు (లు) పై ఉన్న అంశాలను తెలియజేయడానికి మిమ్మల్ని అనుమతిస్తుంది. స్పష్టమైన ఆస్తికి ఐదు విలువలు ఉన్నాయి:
- ఎవరూ
- వదిలి
- కుడి
- రెండు
- వారసత్వంగా
CSS స్పష్టమైన ఆస్తి ఎలా ఉపయోగించాలి
మీరు ఒక మూలకం మీద ఫ్లోట్ ఆస్తిని ఉపయోగించిన తర్వాత స్పష్టమైన ఆస్తిని ఉపయోగించడానికి అత్యంత సాధారణ మార్గం. ఉదాహరణకి:
నా చిత్రం పక్కన టెక్స్ట్.
నా చిత్రం క్రింద ఉన్న టెక్స్ట్.
అన్ని మూలకాలు క్లియర్ డిఫాల్ట్: none; , మీరు ఇతర అంశాలు ఏదో పక్కన తేలుతూ ఉండకపోతే, మీరు స్పష్టమైన శైలిని మార్చాలి.
మీరు ఫ్లోట్లను క్లియర్ చేస్తున్నప్పుడు, మీ ఫ్లోట్లో మీకు స్పష్టంగా సరిపోలతారు. మీరు ఎడమ మూలకం ఆవిష్కరించారు అయితే, అప్పుడు మీరు ఎడమ స్పష్టంగా ఉండాలి. మీ ఆవిష్కరించబడిన మూలకం ఫ్లోట్ చేయడానికి కొనసాగుతుంది, అయితే క్లియర్ చేయబడిన మూలకం మరియు ఇది ప్రతిదాని తర్వాత వెబ్ పుటలో కనిపిస్తుంది.
మీరు కుడి మరియు ఎడమ రెండు ఆవిష్కరించారు ఆ అంశాలు ఉంటే, మీరు కేవలం ఒక వైపు క్లియర్ లేదా మీరు రెండు క్లియర్ చెయ్యవచ్చు.
లేఅవుట్లలో స్పష్టంగా ఉపయోగించడం
చాలామంది డిజైనర్లు స్పష్టమైన ఆస్తి పేజీ మూలకాల లేఅవుట్లో ఉన్న అత్యంత సాధారణమైన మార్గం. మీరు టెక్స్ట్ యొక్క బ్లాక్ లోపల తేలియాడే చిత్రం కలిగి మరియు తదుపరి పేరా చిత్రం క్రింద మొదలు కావాలి, లేదా మీరు టెక్స్ట్ యొక్క మరొక సమూహం పక్కన ఫ్లోట్ కావలసిన టెక్స్ట్ దిగువ ఉండవచ్చు, కొన్ని టెక్స్ట్ క్రింద కనిపించే తో.
ఈ రూపంలో లేఅవుట్ కోసం HTML ఉంది.
ఇది ఎడమవైపుకు ఆవిష్కరించబడిన మరొకటి కలిగి ఉన్న ఒక div కంటైనర్ ఉంది.
ఒక చిన్న ఆవిష్కరించబడిన div
ఆవిష్కరించిన DIV యొక్క కుడి వైపున ఉన్న కంటైనర్ DIV లోపల కంటెంట్లు.
ఇది ప్రధాన DIV యొక్క మిగిలిన భాగాల ఎడమవైపున తేలియాడే చిన్న DIV తో జరిమానా పనిచేస్తుంది.
మీరు ఆవిష్కరించబడిన పెట్టెకు పక్కన ఉన్న టెక్స్ట్ను క్లియర్ చేయగల పెట్టెలో రాయడం ప్రారంభించాలనుకుంటున్న ట్యాగ్ను జోడించడం ద్వారా మీరు క్లియర్ చెయ్యవచ్చు.
కానీ ఆవిష్కరించబడిన పెట్టె దాని పక్కన ఉన్న విషయాల కన్నా పొడవుగా ఉన్నప్పుడు సమస్య వస్తుంది. అప్పుడు, మీరు గమనిస్తే, ప్రధాన పెట్టె యొక్క నేపథ్య రంగు ఆవిష్కరించబడిన పెట్టె దిగువకు తగ్గించబడదు.
అదృష్టవశాత్తు, ఈ పరిష్కరించడానికి ఒక సులభమైన మార్గం ఉంది: ఆస్తి. ఓవర్ఫ్లో ప్రధాన పెట్టెను అమర్చుట ద్వారా: ఆటో; ఈ ఉదాహరణలో చూపిన విధంగా , నేపథ్యంలో రంగు చాలా దిగువకు వెయ్యికి ఎక్కే పెట్టె పక్కన ఉంటుంది.