Ho provato ad archiviare una barra laterale semplice | contenuto visivamente con i normali float e poi ho usato la tecnica classica per colonne di uguale altezza con (margin-bottom: -99999px; padding-bottom: 99999px ecc.) ma non mi piaceva e ho avuto qualche problema qua e là con questo, quindi ho deciso di usare il flex-box, ho provato qualche tempo fa con larghezza di dimensione fissa e ha funzionato bene ma ora ho una larghezza percentuale quindi sembra che a Firefox non piaccia affatto ...Flexbox con larghezza percentuale su firefox non funzionante
This esempio mostra come normalmente mi aspetto che la flex-box funzioni, e ha funzionato bene in safari e cromo, ma firefox ignora semplicemente la larghezza percentuale ... Ho trovato che il it is a known issue di firefox ma è vecchio e pensavo lo avessero già risolto ...
Poi ho provato qualcosa in different in per ingannare firefox, ma ancora non volevo che mi aspettassi perché la barra laterale aveva dimensioni diverse da pagina a pagina in base al contenuto ...
Così alla fine mi arrendo sul flex-box con un layout fluido e uso qualcosa di più semplice che si adatti alle mie esigenze. ..
Ma io sono curioso di sapere se qualcuno risolvere questo problema con qualsiasi soluzione o se siamo tutti in coda per questo che stabilirà Mozila ...
Grazie!
faux columns potrebbe essere una soluzione? http://www.alistapart.com/articles/fauxcolumns/ – fcalderan
è quasi lo stesso hack che con margine/padding -bottom -/+ 99999px in modo da dare un aspetto visivo che le colonne abbiano uguale altezza ma in realtà non indossano 't, flexbox e table sono vere e proprie tecniche di altezza uguale, ma il problema che sto descrivendo non è legato alla colonna di uguale altezza ma con il fatto che firefox ignora la larghezza percentuale quando è in flex box. – panosru