Cuando expande el cuerpo del comentario que está flotado a la derecha, mi contenedor no se expande con él. ¿Cómo puedo arreglar esto?CSS: flotante: la derecha no expande el contenedor
mejor explicación: http://jsfiddle.net/5fmpp/
Añadir overflow: hidden al contenedor para que pueda contener el flotador:
.comment
{
width: 960px;
margin: auto;
margin-top: 24px;
font-size: 14px;
background-color: #777777;
overflow: hidden;
}
Gracias. Funcionó simplemente genial! – sed
... Estuve usando tablas durante años para evitar eso :( – Peter
¡Guau! ¿Por qué diablos funciona esto? – seebiscuit
Comprobar this a cabo.
es necesario borrar el flotador al final de la caja de comentarios
¿No debería ser más style = "clear: both;" en lugar de clear = "both"? – MazeChaZer
Ambos hacen lo mismo y ambos son correcto. –
El uso de borrar como un atributo HTML está en desuso y ha sido durante años. Utilice la solución propuesta por @MazeChaZer en su lugar. Consulte la referencia de atributo clara [aquí] (http://www.sitepoint.com/web-foundations/clear -html-attribute /) –
contenedores padre nunca se expanden para contener elementos flotantes sin propiedades CSS adicionales. – Rob