www - ¿Es posible representar<div style="width: 50%"></div> vacío con CSS en xHTML strict 1.0 sin configurar el ancho y la altura en píxeles?

xhtml ejemplo

Question

¿Es posible representar <div style="width:50%"> </div> vacío con CSS en xHTML strict 1.0 sin configurar el ancho y el alto en valores absolutos sin agregar   ¿dentro? Los objetivos son IE7-8, FF 3.x

¿Puedo representar de alguna manera un div vacío si quiero que tenga un 50% de ancho y altura variable?

Answer 1

Agregue un poco de relleno al DIV para que incluso si no hay absolutamente nada entre las etiquetas de apertura y de cierre, todavía vea algo.

<div style="width:50%; padding:10px;"></div>

Answer 2

Mi experiencia:

Además de lo que respondió el usuario ''aleatorio'', necesito agregar espacio (& nbsp;) para que funcione. ¡Espero que esto ayude!

    <div style="width:50%; padding:10px;">&nbsp;</div>

Answer 3

O dale un espacio que no se rompa (& nbsp;)

Answer 4

Personalmente iría por <div style="min-height:1px;width:50%"></div>. De esa manera, cualquier divs que no esté vacío no obtendrá un relleno no deseado como en la otra respuesta.

Obviamente, en un archivo CSS separado sería div { min-height:1px; width:50%} div { min-height:1px; width:50%}