2016-12-13 3 views
2

Для школьного проекта мне нужно сделать сайт. На веб-сайте, который я создал, кажется, что он неправильно отображает сетку в Firefox. В хром/все браузеры это должно выглядеть следующим образом chrome screenshotРазметка сетки нарушена в Firefox, но не в хроме

однако в Firefox он идет вверх, как это так,

firefox screenshot

It's almost like there's padding on the container or a margin on the row, but there isn't. 

img gif

Если кто-то может помочь было бы Великий. Я добавил JSFiddle здесь, https://jsfiddle.net/o31t9eLb/

+0

Я рекомендую упрощая проблему простейшим пример, демонстрирующий проблему. Вам нужны меню? Название? Весь этот текст? Закругленные углы? Попробуйте удалить вещи, пока у вас не будет всего несколько тегов и правил CSS. – pdg137

ответ

3

Вы должны добавить vertical-align: top; на .sidebar и .container, потому что по умолчанию выравнивание по вертикали установлено на середину.

Причина хорошо объясняется здесь: Default value of vertical-align for table cells

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