Compartir a través de


Elementos posicionados

Las medidas de un elemento con posicionamiento absoluto las definen en primer lugar cualquier propiedad de medida especificada, como height o width y, a continuación, su contenido. Esto se cumple para los elementos de bloque y en línea. No obstante, un elemento con un posicionamiento relativo mantiene sus medidas de bloque o en línea, a menos que se especifique lo contrario.

En el siguiente ejemplo se muestra que las medidas de un elemento de bloque y un elemento en línea son las mismas cuando la propiedad posición está establecida en absolute.

<div style="background-color: #CFCFCF; position: relative; top: 10px;">
   Text
</div>
<span style="background-color: #CFCFCF; position: absolute; top: 30px;">
   Text
</span>

Puede usar el mismo procedimiento para establecer o recuperar las medidas de los elementos posicionados y no posicionados.

Vea también

Conceptos

Referencia de hojas de estilos en cascada

Propiedades por nombre

Propiedades de medida y ubicación en modo estricto