5
Tengo dos divsleft div fill remaining space horizontal?
#left y #right.
la div derecha tiene un ancho fijo.
¿Cómo puedo hacer que el div izquierdo ocupe todo el espacio horizontal restante?
A
Respuesta
7
Flote #right div dentro de #left, y deje #left sin flotar. Agregue el relleno derecho al #left del ancho de #right, si desea que el espacio debajo del flotante #right esté vacío.
Usted puede También es necesario añadir un margen derecho negativo al elemento #right igual a la derecha de relleno de la izquierda para tirar de él hasta el borde derecho de #left también. Alternativamente a usar un margen negativo, puede establecer #left con position: relative y agregar position: absolute a #right en la parte superior izquierda de #left (también con el relleno en #left).
1
¿Qué le parece usar una tabla, o la pantalla CSS: table-cell; ¿propiedad?
+0
Uso de la pantalla: la celda de tabla es en realidad mucho menos márgenes negativos, margen derecho, etc. Vea el ejemplo aquí: http://jsbin.com/oburey/4/edit Bastante simple. –
Cuestiones relacionadas
- 1. div desplazamiento horizontal usando botones
- 2. CSS Fill parent div 100% cleanly
- 3. css white-space: nowrap horizontal error de desplazamiento
- 4. CSS para "fill parent?"
- 5. div con desplazamiento horizontal solo
- 6. Despliegue div horizontal Desplazamiento horizontal en la parte superior de div sin jquery
- 7. Ocultar div en función de browserviewport horizontal
- 8. CSS centrado horizontal de un div fijo?
- 9. Cómo horizontal y vertical center a div?
- 10. Impedir float left div ir a una nueva línea
- 11. problemas para posicionar div debajo de varios flotantes left divs
- 12. Fuerza expansión horizontal
- 13. IE7 float left y problema de apilamiento
- 14. desplazamiento horizontal con desbordamiento-x
- 15. Android LinearLayout fill-the-middle
- 16. Python list transpose y fill
- 17. android pre-fill sqlite database
- 18. Desplazamiento horizontal?
- 19. css border-left 50% height
- 20. Desplazamiento horizontal con la rueda del mouse en un div
- 21. Cómo centrar la imagen en un div horizontal y verticalmente
- 22. Estirar ul horizontal para ajustar el ancho de div
- 23. CSS: Parent-Div no crece con sus hijos (horizontal)
- 24. Hacer un centro div de la vista - Horizontal y verticalmente
- 25. Cómo centrar un DIV con un tamaño desconocido horizontal y verticalmente en la pantalla
- 26. ¿Cómo hacer "text-overflow: ellipsis" para ambos "float: left" y "float: right" div?
- 27. Complete el espacio de un div
- 28. JavaScript Space After Function
- 29. Applet: Java heap space
- 30. White Space/Coldfusion
hice una configuración muy similar, derecho está dentro de la izquierda, la derecha se flotado derecho derecha tiene un margen derecha del negativo de su propio ancho, izquierda tiene un margen derecha de #rights, ancho. – Hailwood
Impresionante :) ¡me alegro de ayudar! – pharalia
Tengo el mismo problema pero esta no es la solución para mí: no puedo anidar #derecho dentro de #izquierda porque sus fondos se superpondrán y tengo fondos semitransparentes. Necesito una solución que mantenga el anidamiento original. – Rolf