pozíció Mire használható?
1. statikus (alapértelmezett)
- Az elemek a dokumentum normál menetének megfelelően vannak elhelyezve.
- Ez a kezdeti érték, és nem befolyásolja az elem elhelyezését.
- A statikusan elhelyezett elemeket nem befolyásolja a szülőelemeik pozíciótulajdonsága.
2. rokonot
- Az elemek a normál helyzetükhöz képest helyezkednek el.
- Az elem pozíciója eltolódik a megadott eltolásokkal anélkül, hogy ez befolyásolná a többi elem elrendezését vagy helyzetét.
- Az eltolásokat a felső, jobb, alsó és bal tulajdonságok segítségével lehet megadni.
- A relatív pozicionálást általában kis áthelyezési beállításokhoz használják.
3. abszolútot
- Az elemek abszolút a tartalmukban vagy a legközelebbi elhelyezett ősben helyezkednek el.
- Az elem pozíciója teljesen kikerül a normál dokumentumfolyamból.
- Az abszolút pozicionálást általában olyan elemekhez használják, amelyek pontos elhelyezést és rétegezést igényelnek, például előugró ablakok, eszköztippek vagy fedvényelemek.
4. rögzítettre
- Az elemek a nézetablakhoz képest vannak elhelyezve és rögzítve, így akkor is megtartják pozíciójukat, amikor a felhasználó görgeti az oldalt.
- A rögzített pozicionálás hasznos olyan elemek létrehozásához, amelyek a felhasználó görgetési pozíciójától függetlenül láthatóak és hozzáférhetőek maradnak, például navigációs sávok, oldalsávok vagy lebegő hirdetések.
5. ragadóst
- A ragadós pozicionálás egyesíti a relatív és rögzített pozicionálás szempontjait.
- Az elemek viszonylag elhelyezett elemekként viselkednek, amíg el nem érnek egy meghatározott görgetési pontot. Ezen a ponton rögzülnek, és a nézetablakhoz rögzítve maradnak, amíg a görgetés helyzete meg nem változik.
- A ragadós pozicionálást általában olyan fejlécekhez vagy láblécekhez használják, amelyek láthatóak maradnak, amikor a felhasználó görgeti az oldalt, így fix navigációs élményt nyújt.
A megfelelő pozicionálási módszer kiválasztása az elem kívánt viselkedésétől és elrendezésétől függ a weboldalon.