A CSS törlése tulajdonság megértése

A CSS-tartalom a CSS1 óta része a CSS-nek. Lehetővé teszi annak meghatározását, hogy mely elemek lebeghetnek a törölt elem mellett és melyik oldalon. Az egyértelmű tulajdonságnak öt lehetséges értéke van:

Hogyan használjuk a CSS törlését

A tiszta tulajdonság legáltalánosabb módja az, hogy egy elem úszó tulajdonságát használta. Például:

Szöveg a kép mellett.

A képem alatti szöveg.

Minden elem alapértelmezetten törlődik: nincs; , tehát ha nem akarod, hogy más elemek lebegjenek mellette valamit, akkor meg kell változtatnia a tiszta stílust.

Amikor úszókat törölsz, akkor az Ön tisztaságát az úszójához illeszti. Tehát ha az elemet balra tolja, akkor balra kell lennie. A lebegett elem továbbra is lebeg, de a törölt elem és minden utána megjelenik a weboldal alatt.

Ha olyan elemek vannak, amelyek jobbra és balra lebegnek, akkor csak egy oldalt lehet törölni, vagy mindkettőt törölheti.

Az elrendezések egyértelmű használata

A legelterjedtebb módszer, amikor a legtöbb tervező az egyértelmű tulajdonságot használja az oldalelemek elrendezésében . Előfordulhat, hogy egy kép egy szövegblokkban lebeg, és azt szeretné, hogy a következő bekezdés kezdődjön a kép alatt, vagy lehet, hogy egy egész szövegoszlop van, amelyet újabb csomó szöveg mellé kell lebegni, és néhány szöveg jelenik meg.

Itt van a formátum HTML formája ebben a formában.

Van egy div konténer, amelyik másik, ami balra lebeg.



Egy rövid lebegő div



Tartalom a konténer div alatt, amely a lebegő divtól jobbra lesz.

Ez jól működik, a rövidebb div pedig lefedi a fő div többi tartalmának bal oldalát.

A lebegő doboz melletti szöveget törölheti egyszerűen hozzáadva a címkét, ahová a lebegő doboz alatt elkezdi írni.

De a probléma akkor jelentkezik, ha a lebegtetett doboz hosszabb, mint a hozzá tartozó tartalom. Ezután, amint látja, a fő doboz háttérszíne nem a lebegtetett doboz aljára kerül.

Szerencsére van egy egyszerű módja ennek a javításnak: a tulajdon. A fődoboz túlcsorduláshoz: auto; a háttérszín a hosszabb lebegtetett doboz mellett a legalsó aljáig marad, amint azt a példa mutatja.