Tengo dos <div>
dentro de un padre <div>
. Los interiores tienen un estilo sin padding
, border
o margin
y width:50%; display:inline-block;
. El exterior <div>
tampoco tiene padding
, etc. Firebug muestra que el exterior <div>
tiene un ancho de 1240px, y cada interno es de 620px. Entonces, ¿por qué aparecen uno debajo del otro y no uno al lado del otro? Si bajé su ancho a 618px, funciona. ¿Huh?El ancho de CSS no suma
Respuesta
display:inline-block
es un inconveniente en la forma en que se toman en consideración los espacios en blanco de marcado al dibujar los elementos, AFAIK. Intente establecer font-size:0
en el elemento primario si no tiene ningún otro texto, y configure el font-size
deseado para los elementos secundarios.
P.S., primero intente eliminar el espacio en blanco en el margen entre los elementos, para ver si eso corrige el problema.
¡Eso es todo! Gracias. – baruch
Parece una solución bastante simple, si tiene dos bloques, A y B y son del mismo tamaño y los está mirando directamente y están perfectamente alineados, verá solo un bloque.
Está tratando de hacer algo que no se ajuste dentro del contenedor. Ya ha resuelto el tamaño de su problema, el contenedor hacia arriba o el contenido hacia abajo ligeramente para unirlos.
- 1. ¿CSS CSS de espacio en blanco no aumenta el ancho?
- 2. Ancho mínimo, ancho máximo css usa el ancho más pequeño
- 3. Substracción de ancho CSS
- 4. HTML + CSS: 'a' ancho no funciona
- 5. CSS ¿el ancho incluye el relleno?
- 6. ancho de estilo de css en línea no puede anular el valor de ancho de estilo css calculado
- 7. CSS: simulando ancho flexible (sin ancho mínimo) -
- 8. El ancho de columna calculado es diferente del ancho declarado css para la columna. ¿Cómo decide el navegador ancho?
- 9. altura completa y el diseño CSS ancho
- 10. CSS móvil ancho de página
- 11. css ancho div 100% no ocupa todo el ancho del elemento principal
- 12. Ancho y ancho de elementos de medios de CSS
- 13. Ajuste automático de CSS no problema de ancho COMPLETO
- 14. CSS - Ancho máximo y elipses
- 15. CSS - ancho fijo SPAN/div
- 16. ¿Ancho en línea para ancho de img o css?
- 17. Barra de desplazamiento de CSS ancho
- 18. CSS: cómo establecer el ancho del control de formulario para que todos tengan el mismo ancho?
- 19. CSS para etiquetas de formato dinámico ancho
- 20. HTML/CSS Dos columnas de auto-ancho
- 21. CSS: ancho no respetado en la etiqueta span
- 22. tabla CSS y ancho máximo en Chrome no funciona
- 23. Detener CSS anulando el atributo de ancho HTML
- 24. Forzar fuente no monoespacial en ancho fijo mediante CSS
- 25. Diseño de CSS - Ancho dinámico DIV
- 26. CSS: ¿configura el relleno/márgenes según el ancho del texto?
- 27. CSS 100% de ancho en el tamaño del navegador
- 28. CSS: No ajuste el contenido de div
- 29. El ancho del elemento html es menor que la suma del ancho de los elementos secundarios individuales?
- 30. ¿Por qué IE respeta el ancho de CSS de la etiqueta, pero no Firefox o Chrome?
¿Qué le parece mostrarnos la página o [jsfiddle] (http://jsfiddle.net)? –
620px + 620px + un espacio (blanco) carácter> 1240px – Michas
@Matt Ball +1 jsFiddle es tan increíble! –