Posición

O posicionamento dunha caixa establécese mediante a propiedade position:

Propiedade Valores que acepta

Propiedade	Valores que acepta
`position`	`static`: Corresponde ao posicionamento normal ou estático. Se se utiliza este valor, ignóranse os valores das propiedades `top`, `right`, `bottom` y `left` que se verán a continuación. `relative`: Corresponde ao posicionamento relativo. O desprazamento da caixa contrólase coas propiedades `top`, `right`, `bottom` y `left`. `absolute`: Corresponde ao posicionamento absoluto. O desprazamento da caixa tamén se controla coas propiedades `top`, `right`, `bottom` y `left`, pero a súa interpretación é moito máis complexa, xa que a orixe de coordenadas do desprazamento depende do posicionamento do seu elemento colector. `fixed`: Corresponde ao posicionamento fixo. O desprazamento establécese da mesma forma que no posicionamento absoluto, pero neste caso o elemento permanece inamovible na pantalla.

position

static: Corresponde ao posicionamento normal ou estático. Se se utiliza este valor, ignóranse os valores das propiedades top, right, bottom y left que se verán a continuación.
relative: Corresponde ao posicionamento relativo. O desprazamento da caixa contrólase coas propiedades top, right, bottom y left.
absolute: Corresponde ao posicionamento absoluto. O desprazamento da caixa tamén se controla coas propiedades top, right, bottom y left, pero a súa interpretación é moito máis complexa, xa que a orixe de coordenadas do desprazamento depende do posicionamento do seu elemento colector.
fixed: Corresponde ao posicionamento fixo. O desprazamento establécese da mesma forma que no posicionamento absoluto, pero neste caso o elemento permanece inamovible na pantalla.

A propiedade position non permite controlar o posicionamento flotante, que se establece con outra propiedade chamada float e que se explica máis adiante. Ademais, a propiedade position só indica como se posiciona unha caixa, pero non a despraza.

Coordenadas

Normalmente, cando se posiciona unha caixa tamén é necesario desprazala respecto da súa posición orixinal ou respecto doutra orixe de coordenadas. CSS define catro propiedades chamadastop, right, bottom y left para controlar o desprazamento das caixas posicionadas:

Propiedade Valores que acepta Descrición

Propiedade	Valores que acepta	Descrición
`top` `right` `bottom` `left`	Unidade de medida	Indican o desprazamento horizontal e vertical do elemento respecto da súa posición orixinal. No caso do posicionamento relativo, cada unha destas propiedades indica o desprazamento do elemento dende a posición orixinal do seu borde superior/dereito/inferior/esquerdo. Se o posicionamento é absoluto, as propiedades indican o desprazamento do elemento respecto do bordo superior/dereito/inferior/esquerdo do seu primeiro elemento pai posicionado. En calquera dos dous casos, se o desprazamento se indica en forma de porcentaxe, se refire á porcentaxe sobre a anchura (propiedades `right` y `left`) ou altura (propiedades `top` y `bottom`) do elemento.

top
right
bottom
left

Unidade de medida

Indican o desprazamento horizontal e vertical do elemento respecto da súa posición orixinal.

No caso do posicionamento relativo, cada unha destas propiedades indica o desprazamento do elemento dende a posición orixinal do seu borde superior/dereito/inferior/esquerdo. Se o posicionamento é absoluto, as propiedades indican o desprazamento do elemento respecto do bordo superior/dereito/inferior/esquerdo do seu primeiro elemento pai posicionado.
En calquera dos dous casos, se o desprazamento se indica en forma de porcentaxe, se refire á porcentaxe sobre a anchura (propiedades right y left) ou altura (propiedades top y bottom) do elemento.