Combinando "pantalla: bloque en línea" con "posición: absoluta": ¿qué debería pasar?

Question

Los navegadores IE y WebKit parecen coincidir en que "position: absolute" cuando se aplica a "display: inline-block" (o, en el caso de IE7, elementos simples "inline" con "hasLayout") debería dar como resultado bloques posicionado en línea Es decir, con:

Hello there <label style='position: absolute; display: inline-block'>sir</label> 

los navegadores mostrarán:

Hello theresir 

o

Hello there sir 

Sin embargo, Firefox (3 y hasta, creo) darán esto:

Hello there 
sir 

Es decir, hacen el "bloque en línea" e comienzo de lement en una nueva línea. Ahora, eso claramente no es lo que "inline-block" hace sin combinado con "position: absolute", ni es lo que "position: absolute" hace sin "display: inline-block". ¿Es esto un error, o simplemente una especificación mala (ambigua)?

Here es un jsfiddle muy simple.

(edición — tal vez eso es lo hace con Firefox "position: absolute" y no "pantalla" Configuración ...)

Answer 1

El comportamiento aquí en realidad no se define en la especificación. La posición vertical debería ser "como si la posición no fuera absoluta, más o menos", básicamente. Más precisamente, esta parte de http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height es relevante:

Pero en lugar de realmente calcular las dimensiones de ese cuadro hipotético, los agentes de usuario son libres de hacer una conjetura en su probable posición.

Dicho esto, el código Gecko que implementa esto es anterior a la implementación de bloque en línea de Gecko, por lo que solo comprueba si la visualización original está "en línea". Archivé https://bugzilla.mozilla.org/show_bug.cgi?id=674435 para ver cómo cambiar esto en Gecko.