Chrome разрывает flexbox, а Firefox не

У меня проблема с Chrome, разбивающимся на flexbox CSS на первой странице веб-сайта, а FF - нет. Вот HTMLChrome разрывает flexbox, а Firefox не

<div class="intro_container"> 
    <div id="top_text1" class = "intro_items intro_item_1"> 
    .... 
    </div> 
    <div id="top_text2" class = "intro_items intro_item_1"> 
    .... 
    </div> 
    </div>

и CSS

div.intro_container { 
     width: 100%; 
     background:; 
     display: flex; 
     flex-direction: row; 
     flex-wrap: wrap; 
     align-items: center; 
     justify-content: center; 
    } 
    div.intro_items { 
     background: white; 
     border: .1em solid #000093; 
     margin: 0.5em; 
     padding: 3%; 
     flex: 1 0 40%; 
    }

Любая помощь будет приветствовать

источник

2015-05-04 RoyS

Что означает «нарушение»? Пожалуйста, опишите ** конкретную ** проблему и, в идеале , создайте демо, чтобы ** воспроизвести ** проблему. –

@Paulie_D Я имею в виду, что «intro_items» сидят вне и над «intro_container» в Chrome, тогда как в Firefox они сидят внутри, как и следовало ожидать. не может размещать изображения, чтобы показать разницу. Но ознакомьтесь с первой страницей english2theworld.com в FF и Chrome, и вы увидите разницу. Спасибо за ваш интерес – RoyS

С моей точки зрения, проблема заключается не в браузерах или проблем сгибают собственности.

Проблема заключается в следующем стиле CSS,

   div#top_text1 {margin-top: -3%;}

линия №: 325 в layout.css файле

Так просто удалить этот CSS стиль добавить проверить это будет работать ....

источник

2015-05-04 10:19:05 rJ7

@RoyS удалите этот стиль css и проверьте результат ..... , – rJ7

У меня такая же проблема ... У меня есть страница, которая в порядке, в IE, Firefox, Opera и Safari ... но ширина DIV теперь «сломана» в Chrome ... только на прошлой неделе или так.

Проверка в Firebug (и т. Д.) Я должен установить определенный DIV на один пиксель больше обычного, иначе изображение внутри будет «выдавлено».

Невозможно добраться до моего сервера до завтра, чтобы на самом деле редактировать что-либо, но «проверять элемент» показывает, что это обходной путь. Не уверен, ПОЧЕМУ проблема вызвала уродливую голову, точно - страница работает отлично уже более года :-(

источник

2015-05-27 05:13:33 mike

Chrome разрывает flexbox, а Firefox не

ответ

Смежные вопросы