Skip to main content

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

How To Embed A YouTube Video (Június 2026)

How To Embed A YouTube Video (Június 2026)
Anonim

A egyértelmű 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. A egyértelmű a tulajdonságnak öt lehetséges értéke van:

  • egyik sem
  • balra
  • jobb
  • mindkét
  • örököl

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

A leggyakoribb módja a egyértelmű az ingatlan a használat után úszó tulajdonság egy elemen. Például:

  • Szöveg a kép mellett.
  • A képem alatti szöveg.

Az összes elem alapértelmezés szerint egyértelmű: none;, tehát ha nem akarsz más elemeket lebegni valamit, akkor meg kell változtatnod egyértelmű stílus.

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 elemeket tartalmaz, amelyek jobbra és balra lebegnek, akkor csak egy oldalt törölhet vagy törölhet mindkét.

Az elrendezések egyértelmű használata

A leggyakoribb módszer a legtöbb tervező a egyértelmű a tulajdonság az oldalelemek elrendezésében van. 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 beállításához overflow: auto; a háttérszín a hosszabb lebegtetett doboz mellett a legalsó aljáig marad, amint azt a példa mutatja.