Próbowałem zarchiwizować prosty pasek boczny | zawartość wizualnie z normalnych pływaków, a następnie użyłem klasycznej techniki dla kolumn o równej wysokości z (margin-bottom: -99999px; padding-bottom: 99999px itp.), ale mi się to nie podobało i miałem z tym problemy, więc zdecydowałem się użyć flex-boxa, próbowałem to jakiś czas temu o stałej szerokości i działało dobrze, ale teraz mam procent szerokości, więc wygląda na to, że firefox w ogóle go nie lubił ...Flexbox z procentową szerokością na firefox nie działa
This przykład pokazuje, jak normalnie oczekiwałem, że skrzynka flex będzie działać, i zrobiło się dobrze w safari i chrome, ale firefox po prostu ignoruje procent szerokości ... Znalazłem it is a known issue z firefox, ale jest stary i myślałem, że już go rozwiązali ...
Potem spróbowałem czegoś different w aby oszukać firefox, ale nadal to nie było, czego oczekiwałem, ponieważ boczny pasek miał różną wielkość od strony do strony w oparciu o treść ...
Kończę rezygnację z Flex-Box z płynnym układem i użycie czegoś prostszego, co pasuje do moich potrzeb. ..
Ale jestem ciekaw, czy ktoś rozwiązać ten problem z jakiegokolwiek obejścia lub jeśli jesteśmy w kolejce do tego, który zostanie ustalony przez Mozila ...
Dzięki!
Faux kolumny może być rozwiązaniem? http://www.alistapart.com/articles/fauxcolumns/ – fcalderan
jest prawie taki sam jak przy marży/padding -bottom -/+ 99999px, więc dajesz wrażenie, że kolumny mają równą wysokość, ale w rzeczywistości nie 't, flexbox i table są prawdziwą techniką równej wysokości, ale problem, który opisuję, nie jest związany z kolumną o jednakowej wysokości, ale z faktem, że Firefox ignoruje szerokość procentową, gdy jest w polu Flex. – panosru