Agrh, CSS: la ruina de mi vida. ¿Alguien puede ayudar aquí?CSS Div 100% con flotador: izquierda
Estoy tratando de obtener la siguiente distribución div:
*******************************************************************************
*aaaaaaaaaa bbbbbbbbbbbb ccccccccccccccccccccccccccccccccccccccccccccccccccccc*
*aaaaaaaaaa bbbbbbbbbbbb ccccccccccccccccccccccccccccccccccccccccccccccccccccc*
*******************************************************************************
Actualmente mis estilos tener este aspecto:
#container {
height:50px;
}
#a {
float:left;
width:50px;
height:50px;
}
#b {
float:left;
width:50px;
height:50px;
}
#c {
float:left;
width:100%;
height:50px;
}
<div id="container">
<div id="a" />
<div id="b" />
<div id="c" />
</div>
Pero esto está causando el siguiente a suceder (div c cae por debajo del otros):
********************************************************************************
*aaaaaaaaaa bbbbbbbbbbbb *
*aaaaaaaaaa bbbbbbbbbbbb *
*cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc*
*cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc*
********************************************************************************
¿Qué problema necesita la solución de este problema? Gracias.
Otros detalles:
A y B deben haber fija anchos de píxeles.
Este es un ejemplo simplificado: en realidad, los divs tienen bordes que no deben superponerse.
posible duplicado de [Ampliar div al ancho máximo cuando el flotador: izquierda se fija] (http://stackoverflow.com/questions/1017880/expand-div-to-max -width-when-floatleft-is-set) –