Cita:
Iniciado por Ag666 inline-block? nunca hubiera esperado esa respuesta a este problema, aunque no lo he probado supongo funcionara, pero lo recomendable es limpiar el float ya que es el problema real que tiene.
esto se realiza de dos formas posibles:
Opción 1.- aplicar overflow: hidden o auto al elemento padre (opción recomendada)
Código CSS:
Ver original#contenedor
{
width: 986px;
margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px;
padding: 0;
height: 200px;
background: yellow;
overflow:hidden;
}
Opción 2.- aplicar un div vació o algún elemento al final de tu contenido con la propiedad clear: (both, left, right)
Código HTML:
Ver original <div class="contiene1">** ABC **
</div> <div class="contiene2">** DEF **
</div> <img src="spacer.gif" style="clear:both;" />
Estimado podrìas complementar la opción para aclarar ello porfavor.
¿Que realiza clear:both? Lo he visto varias veces maquetando e infiero que es para limpiar el contenido , pero tecnicamente que se logra.
Saludos y atento