Beosztás css, órák, webreference
A helyzet tulajdon - ez egy sokoldalú és nagy teljesítményű funkciót. Ez lehetővé teszi, hogy vagy állítsa az elem és négy lehetséges értékek:
- Statikus (alapértelmezett)
- viszonylagos
- abszolút
- rögzített
Gyakran használják együtt a négy tulajdonságait koordináták:
Ez az alapértelmezett helyzetbe. statikus elemek egyszerűen kövesse a természetes áramlását. Bármilyen érték maradjon. jobbra. felső vagy alsó nincs hatása.
Ha a relatív pozíció beállítása. elem lehet mozgatni képest a jelenlegi helyzethez képest.
Térjünk a második bekezdésben:
Red bekezdés költözött fel 20px balról jobbra és fentről lefelé 10px képest a természetes helyzetben, ahol lennie kellett volna.
Figyeljük meg, hogy a kék részek nem mozdultak egyáltalán. Ha relatív pozicionálás, piros bekezdés szabadon mozoghat anélkül, hogy elszakadna az elrendezést. Az egyetlen dolog, ami mozgott a helyéről, így magát az elemet. Az összes többi elem nem tudják, hogy az elem elmozdult.
Ha a pozíció beállítása teljesen. elem lehet mozgatni képest az első elhelyezett őse.
Elhelyezni? Mi van elhelyezve elem?
Elhelyezni elem - egyike, akiknek a helyzete van beállítva egy rokon. abszolút vagy állandó. Így, ha nincs pozíció statikus, akkor az elem van elhelyezve.
Jellemző elhelyezett elem az, hogy működhet, mint a referenciapont gyermekeik számára.
Képzeljünk el egy egyszerű hierarchia:
Sárga rész magassága 200px, és a pozícionálás beállítva képest. így egy referenciapontot minden gyermek számára.
Zöld bekezdésben van elhelyezve, mint abszolút, és szabadon mozoghat képest sárga szakaszban. Állítsa mindkét érték maradt, és alján. haladunk, hogy a bal alsó sarokban.
Mi történik, ha egyszerre állítsa be a bal és a jobb?
Ha a szélesség nincs megadva, a bal alkalmazására és 0 jobbra: 0 húzódik elem teljes szélességében. Ez egyenértékű balra beállítás: 0 és szélessége: 100%.
Ha a szélesség beállítása, a megfelelő értéket kell dobni.
Ha a pozíció beállítása fix. úgy viselkedik, mint egy abszolút. beállíthatja a koordinátákat a bal / jobb és felső / alsó.