Resultados de la búsqueda a petición "css-float"

2 la respuesta

Los elementos flotantes hacen que el padre se colapse. HTML / CSS

Si tengo el siguiente código: <div> <div style="float: left;">Div 1</div> <div style="float: left;">Div 2</div> </div>El padre colapsará y parecerá tener una altura de 0px. Supongo que este es un problema conocido, y ...

3 la respuesta

Diseño receptivo y problema de flotación de columna

Estoy tratando de lograr este diseño con una serie de divisiones en mosaico en una sola fila usando Bootstrap 3.2.0, para pantallas> 768px amplio. Las alturas div son simples o dobles, que en esta muestra he establecido en50px y100px y los anchos ...

5 la respuesta

establecer la misma altura en múltiples divisiones

Necesito establecer la misma altura en una serie de divisiones dentro de otra envoltura div. El problema es que no quiero la misma altura en todos ellos. El tipo de página tiene 3 columnas y los divs flotantes pueden tener 1, 2 o 3 columnas de ...

18 la respuesta

¿Cómo alinear 3 divs (izquierda / centro / derecha) dentro de otro div?

Quiero tener 3 divs alineados dentro de un contenedor div, algo como esto: [[LEFT] [CENTER] [RIGHT]]El contenedor div es 100% ancho (sin ancho establecido), y el centro div debe permanecer en el centro después de cambiar el tamaño del ...

10 la respuesta

CSS flotantes: ¿cómo los mantengo en una línea?

Quiero tener dos elementos en la misma línea usando 'float: left' para el elemento de la izquierda. No tengo problemas para lograr esto solo. El problema es que quiero que los dos elementospermaneceren la misma líneaincluso cuando cambia el ...

3 la respuesta

Bloque CSS flotante a la izquierda

Tengo este archivo html <div class="con" style="width:100px;height:200px;"> 1 </div> <div class="con" style="width:100px;height:200px;"> 2 </div> <div class="con" style="width:100px;height:400px;"> 3 </div> <div ...

1 la respuesta

Margen contraído con elemento flotante, ¿por qué se agrega un margen adicional?

Actualizar: el siguiente comportamiento no es visible en Firefox. Comencemos con la siguiente situación: html { background: red; } body { margin: 0; min-height: 100vh; background-color: green; } div { min-height: 50px; background-color: pink; ...

3 la respuesta

Diferencia entre 'pantalla: bloque; flotante: izquierda 'vs.' pantalla: bloque en línea; flotador izquierdo'?

¿Hay alguna diferencia práctica entre si un elemento flotante a la izquierda (por ejemplo, e imagen) tiene pantalla: bloque en línea; aplicado a él, en lugar de dejar la pantalla predeterminada: bloque; regla aplicada? En otras palabras, ¿cuál ...

3 la respuesta

Los divs flotantes no se apilarán correctamente (sin espacios)

Tengo un contenedor con muchos artículos flotantes. El problema es que cuando el tamaño de al menos uno de ellos cambia, se produce una brecha. ¿Hay alguna forma de obligarlos a llenar estos vacíos? .wpr { padding: 20px; } .wpr span { width: ...

1 la respuesta

¿Por qué "desbordamiento: oculto" borra un flotador?

La pregunta es simple y breve: ¿por quéoverflow: hidden; claro flotante? Miré la documentación estándar de w3 y no implicaba nada.