jasný Vlastnosť CSS je od CSS1 súčasťou CSS. Umožňuje určiť, ktoré prvky môžu plávať vedľa vyčisteného prvku a na ktorej strane (stránkach). jasný vlastnosť má päť možných hodnôt:
niktoľavýsprávnyobazdediť
Ako používať CSS clear Vlastnosť
Najbežnejší spôsob používania jasný Vlastnosť je potom, čo ste použili plavák vlastnosť na prvku. Napríklad:
- Text vedľa môjho obrázka.
- Text, ktorý je pod mojim obrazom.
Všetky prvky sú predvolené na jasná: none;, takže ak nechcete, aby ďalšie prvky plávali vedľa niečoho, musíte to zmeniť jasný štýl.
Keď zúčtujete plaváky, prispôsobíte sa vášmu jasu na váš plavák. Ak ste prvok posunuli doľava, mali by ste vyčistiť vľavo. Váš vznášaný prvok bude pokračovať v pohybe, ale vyčistený prvok a všetko po ňom sa objaví pod ním na webovej stránke.
Ak máte prvky, ktoré sa vznášajú do pravej i ľavej strany, môžete vyčistiť iba jednu stranu, alebo môžete vyčistiť oba.
Použiť jasné v rozložení
Najbežnejší spôsob, akým väčšina návrhárov používa jasný Vlastnosť je v rozložení prvkov stránky. Môžete mať obrázok plávajúci vnútri bloku textu a chcete, aby nasledujúci odsek začal pod obrázkom, alebo môžete mať celý stĺpec textu, ktorý chcete plávať vedľa ďalšej zväzku textu, pričom sa objaví nejaký text.
Tu je HTML pre rozloženie v tomto formulári. Má jednu kontajnerovú kontajnerovú kontajnerovú, ktorá je na ľavej strane.
To bude fungovať v poriadku, pričom kratšia časť sa vznáša naľavo od zvyšku obsahu hlavnej div. Môžete vymazať text vedľa floated poľa jednoduchým pridaním značky, kde chcete, aby začal písať pod floated boxom. Problém však prichádza, keď je floatovaný box dlhší než obsah vedľa neho. Potom, ako vidíte, farba pozadia hlavného poľa nie je prenesená do spodnej časti plovoucej krabice. Našťastie existuje jednoduchý spôsob, ako to opraviť: majetok. Nastavením hlavného poľa na
Krátka loď div
Obsah v kontajneri div, ktorý sa nachádza napravo od float div.overflow: auto; farba pozadia zostane vedľa dlhšej plovoucej krabice až k úplnému dnu, ako je to znázornené v tomto príklade.
