Resultados de la búsqueda a petición "flexbox"
Establecer una longitud (altura o ancho) para un elemento menos la longitud variable de otro, es decir, calc (x - y), donde y es desconocido
Sé que podemos usarcalc [https://developer.mozilla.org/en-US/docs/Web/CSS/calc] cuando se definen longitudes: flex-basis: calc(33.33% - 60px); left: calc(50% - 25px); height: calc(100em/5); Pero, ¿qué pasa si una longitud es variable? height: ...
Cómo hacer que el contenido del elemento inferior de un flexbox tenga una altura del 100% de su contenedor
Si hago un flexbox con 2 hijos y flujo de columna y configuro el segundo hijo enflex-grow 1 el segundo niño se expande para llenar el flexbox. Esto funciona (ps: no quería saturar el ejemplo con soporte de safari, así que use Chrome ...
¿Por qué el relleno está expandiendo un elemento flexible?
En el fragmento de abajo, la primera fila tiene dos divs conflex-grow: 1. Como se esperaba, cada div ocupa el 50% de la pantalla. Al agregar relleno al div izquierdo, ese ya no es el caso. ¿Alguien puede explicar por qué? body > div { height: ...
Centrar horizontalmente el elemento flexible entre 2 elementos flexibles de diferentes anchos [duplicado]
Esta pregunta ya tiene una respuesta aquí: Mantenga el elemento central centrado cuando los elementos laterales tengan anchos diferentes [/questions/32378953/keep-the-middle-item-centered-when-side-items-have-different-widths] 3 ...
Ampliación de iframe dentro de Flexbox
Estoy tratando de estirar el tamaño de uniframe para llenar el espacio restante dentro de mi aplicación web. Sé que se está asignando el espacio máximo paradiv (agregando un borde), pero eliframe la altura en sí no se expande para llenar toda la ...
El texto y la imagen en <button> no permanecerán en la misma línea usando flexbox en Firefox [duplicado]
Esta pregunta ya tiene una respuesta aquí: Flexbox no funciona en botones o elementos de campo [/questions/35464067/flexbox-not-working-on-button-or-fieldset-elements] 2 respuestasMe gustaría mostrar un botón con una imagen y texto. El texto y ...
En lugar de usar prefijos, quiero pedirles a los visitantes del sitio que actualicen su navegador
Estoy reconstruyendo un sitio usando CSSflexbox [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes] . En la comprobacióncompatibilidad del navegador [http://caniuse.com/#search=flexbox], Veo que ...
Flexbox, z-index & position: static: ¿Por qué no funciona?
De acuerdo con la especificación flexbox: ..4.3. Artículo Flex Z-Ordering, ... yz-index valores distintos deauto crear un contexto de apilamiento incluso siposition esstatic. Así que penséz-index / opacity se supone que funciona como siempre ...
No se puede desplazar a la parte superior del elemento flexible que está desbordando el contenedor
Entonces, al intentar hacer un modo útil usando flexbox, encontré lo que parece ser un problema del navegador y me pregunto si hay una solución o solución conocida, o ideas sobre cómo resolverlo. Lo que estoy tratando de resolver tiene dos ...
Usando 'height: 100%' y 'align-items: stretch' en flexbox [duplicado]
Esta pregunta ya tiene una respuesta aquí: Chrome / Safari no llena el 100% de la altura del padre flexible [/questions/33636796/chrome-safari-not-filling-100-height-of-flex-parent] 4 respuestasTengo un flexbox con un hijo directo que se declara ...