Css - elhelyezése blokk szintű elemeket, az informatikai vezető
Egy HTML blokk elem egy olyan eleme, amely elfoglalja a teljes szélességében az alapértelmezett szülő. A szülő elem lehet más tömbeiemet vagy a böngésző ablakot. Blokk elemek keresztül CSS tulajdonságok beállíthatja a szélesség (szélesség) és a magasság (magasság). Pozicionáló mondat elemei az a folyamat, a helyét a böngésző ablakot, és egymáshoz képest CSS segítségével összesen tulajdonságait. maradt. tetején. jobb és alsó. CSS helyzetben tulajdonság határozza meg a négy rendelkezésre álló elhelyezése: statikus (ez az alapértelmezett), abszolút (abszolút), fix (rögzített) és relatív (viszonylagos). A többi CSS tulajdonságok, azaz a bal oldalon. tetején. jobb és alsó célja, hogy meghatározza a távolságot a bal, felső, jobb és alsó széléhez a szülő elem. Továbbá, amikor megállapítják a blokk elemek egyedi tulajdonságok átfedik egymást, és hogy ez a funkció is használható webhelyeken.
Az alapértelmezett pozicionálás (statikus)
Ha nem adja meg a pozícióját a blokk szintű elem vagy meghatározott statikus. hogy egy és ugyanaz, akkor a blokk elemek vannak elrendezve annak érdekében,. Ezen túlmenően, a következő blokk (például piros) helyezünk egy új sorban. Csak ez a pozicionálás nem érvényes feladat balra távolságok. tetején. jobb és alsó.
Abszolút pozicionálás (abszolút)
Abszolút helyező tag pozícióját vonatkoztatva definiáljuk a széleit a böngésző ablak segítségével a távolságot határozza meg a left. tetején. jobb és alsó. Ha megadja a távolságot a bal és jobb ugyanabban az időben, és ellentmondanak egymásnak, akkor előnyben részesítjük maradt. Ugyanez vonatkozik a felső és alsó. amelyben egy magasabb prioritás top távolságot. Abszolút pozicionálás használják gyakran együtt viszonylagos elhelyezkedésüket tervezés, ha szeretné helyezni a különböző elemek egymáshoz képest, akkor is lehet használni, hogy hozzon létre egy legördülő menüből helyszínrajzokat stb
Rögzített elhelyezés (fix)
Relatív pozicionálás (relatív)
Relatív helymeghatározás beállítása beállításával bal távolságok. tetején. jobb és alsó képest a jelenlegi helyzethez képest.
Ez a helyzet azonban létrehozhat blokk és a tulajdonságok margin (árrés).
Relatív helymeghatározás nem élvezet használni a saját, ez főleg együtt abszolút helymeghatározás.
- Ha a hely a blokkok abszolút pozícionálás a mondatban egy rokona, a távolságokat nem állította be a szélén a böngésző ablakot, és a határok viszonylagos egységet.
- Például, hogy hozzon létre Fix elrendezések álló 3 blokkok, igazodik a felső szélét. Állítsa be a magasságot „400px” relatív egység az egyértelműség kedvéért.
- Továbbá, a blokkok lehet alkalmazni z-index. amelynek célja az pozicionáló elemek a Z tengely nagyobb az érték a z-index. minél közelebb az elem számunkra, és fordítva, minél kisebb érték, a további elem van tőlünk.