Egység 14 blokkok lebegő (float tulajdonság)
Ebben a leírásban röviden érinteni olyan dolgok, mint lebegő blokkal. Általában. segítségével úszik, akkor létre a különféle hatások, és még a tervezés az oldalak, az úgynevezett elrendezésben. A legtöbb modern honlapok szerint épült moduláris elven. Ezért úgy tűnik számomra. Nagyon fontos, hogy megértsük, hogyan működik!
Így az úszó egységet a CSS float tulajdonság vannak meghatározva.
Ez a tulajdonság határozza meg, hogy az úszó egységet, és, hogy melyik irányba fog mozogni. Az ingatlan a következő értékeket.
- bal - szerkezeti egységet mozgatjuk maradt. A maradék a dokumentum tartalma jelenik meg együtt a jobb oldalon a doboz, kezdve a tetején.
- jobbra - szerkezeti egység jobbra mozdul. A maradék a dokumentum tartalma jelenik bal oldala mentén az egység tetejétől kezdve.
- none - a készülék nem mozog (ez az alapértelmezett beállítás).
Nos, például kerül alapértelmezésben három négyzet jelent egy oldalon 200 képpont.
Mint látható, alapértelmezés szerint minden következő blokkban található, kevesebb az előző.
A float tulajdonság lehet tenni annak érdekében, hogy minden egyes blokk felbukkan a bal oldalon, azaz a akkor így néz ki:
Itt van, hogyan fog kinézni, ha az egységek úszik a jobb:
Ennek klasszikus példája alkalmazás - ez az, amikor szükség van, hogy a szöveg jelenik meg oszlopok. Legyen három hangszóró.
Egy html-kódot csak azért, hogy a szükséges szöveget a megfelelő oszlopokban, DIV tag
Van egy egyetemes igazság honlap készítés: Ahhoz, hogy egy websitet.
Ha Ön, mint a legtöbb ember gondol.
Van egy egyetemes igazság honlapján.
Beszél az úszó blokk, azt is meg kell említeni Clear- tulajdon sajátos tulajdonsága, amely lehetővé teszi bizonyos módon helyezze a lebegő egységek.
- bal - blokk alatt kell elhelyezni az összes bal oldali úszik.
- jobbra - blokk alatt kell elhelyezni minden rendben úszó egységet.
- Mindkét - blokk alatt kell elhelyezni az összes lebegő blokkal.
- none - nincs korlátozás a helyzet az egység képest a mozgó tárgyak nem vetnek.
Nos, mondjuk van két úszó blokk balra (float: left;), amely körbe a szöveget.
Ha az egész szöveget a blokk, és egyértelművé teszik, tulajdonság: MINDKÉT azaz hogy ő került az összes lebegő blokk, akkor megszabadulni az áramlás körül egy szövegrészt.
Van egy egyetemes igazság honlapján.
Megjegyezzük, hogy a blokkokat lehet elhelyezni bármit (képek, listák, szöveg, stb.)
Itt egy másik példa, amikor egy blokk alatt helyezkedik el a többi, és a két blokk csomagolva szöveget.
Van egy egyetemes igazság honlapján.
Általában az opciók kihasználása lehet sok. Kísérlet, ha akarja.
Ha szeretné látni, hogyan kell használni az úszó blokkok keretet hozzon létre oldalon, megy itt.