css bemutató

Helye elemek meghatározása a következő CSS tulajdonságok:

  • top - beállítja az aktuális elem eltolás a felső széle a szülő elem;
  • alsó - beállítja az aktuális elem eltolt alsó széle a szülő elem;
  • bal - állítja az aktuális elem tolva a bal szélén a szülő elem;
  • jobbra - beállítja az aktuális elem tolva a jobb szélétől a szülő elem.

A fent ismertetett tulajdonságokkal nem lépnek életbe, amíg meg nem adja a módszer az elhelyezést. Továbbá ez az eljárás az elhelyezés határozza meg a viselkedését ezeket a tulajdonságokat.

A CSS módszer, van 4 különböző elhelyezési elemek:

Statikus elemek mindig megjelenik, amikor bejelentették őket. CSS tulajdonságait a felső, alsó, bal és jobb nem működnek a statikus elemek.

Minden elemek kerülnek alapértelmezés szerint ezen a módon, de akkor is kifejezetten kijelentik egy elem egy statikus helyzet: statikus.

Abszolút elhelyezett elemek úgy vannak elrendezve képest az első szülő elem, a módszer, amely eltér a statikus elhelyezése. Ha ezek az elemek nem találtak, az elem található képest a gyökér elem (html).

Néha, annak érdekében, hogy elérjék a kívánt szülő elem kifejezetten meghatározott a hatása, mint a viszonylag elrendezve nulla eltolás.

Akkor nyilvánítja eleme abszolút pozicionált segítségével position: absolute.

Alkalmazása során pozicionáló tulajdonságai elemek egymást átfedhetik. z-index lehetővé teszi, hogy melyik elem elrendelése esetén az akarat a felső és egy alsó.

Elemek nagy értéke z-index tulajdonságokkal vannak elrendezve a másik felett.

Megjegyzés: z-index negatív is lehet.

Kapcsolódó cikkek