A position tulajdonság

A position és a float tulajdonság határozza meg az elem elhelyezését a dokumentumban, egy meghatározott, a CSS szabványban megtalálható algoritmus alapján.

A position tulajdonság értéke lehet:

inherit: az elem ezen tulajdonsága megegyezik az elemet tartalmazó elem értékével.
static: a doboz egy normál doboz, része a folyamatos szedésként kialakult dokumentum képének. A left és top tulajdonságok ekkor nem használhatók ez elemre. Ha nem adjuk meg, akkor a tulajdonság értéke ez lesz.
relative: a doboz helyzete a folyamatos szedésként kialakuló dokumentumképtől függ ezúttal is, de ezúttal más dobozokhoz képest relatív értékben rögzíthető a doboz pozíciója.
absolute: a doboz pozíciója függetlenné válik a többi doboztól. A pozíció a left, right, top és bottom tulajdonságokkal adható meg. Ezek a relative értéknél is használandók, azonban ezúttal a tartalmazó doboztól számítandók.
fixed: a doboz az absolute értékhez hasonlóan viselkedik, de a doboz rögzített lesz. Az így poziconált elemek a dokumentum görgetése során sem mozdulnak el a helyükről. Használatának nyomtatásnál lehet értelme, ha minden nyomtatott oldalon szeretnénk valamit újra megjelentetni. Ugyanakkor a képernyőn való megjelenésnél elég zavaró lehet ilyen elemek használata, ezért célszerű egyértelműen meghatározni, hogy csak nyomtatásra vonatkozik a szabály, amelyben ezt az értéket beállítjuk, ahogy a következő példa is mutatja.

@media print {
H1#first { position: fixed }
}
@media screen {
H1#first { position: static }
}