Почему при добавлении контента отходит блок?

Question

[beduin01]

Получается вот такая ситуация, если контент убрать, то все смотрится нормально. Т.е. блоки получаются не плотно прижаты друг к другу, а появляется линия т.е. между ними появляется пустое пространство.

Вот сам код: https://jsfiddle.net/b160t0ay/
В чем ошибка?

Comments

[Сергей Горячев]

Если честно, нифига не понятно)

[Ankhena]

Поясните кто куда отходит? И куда не должен.

[Павел]

Какой контент? В какой блок? Куда отходит?

Answer 1

[Ivan Bogachev]

Посмотрите вот этот пример, там меньше отвлекающих глаз стилей (проверено в Chrome и FF).

Answer 2

[Сергей Горячев]

Для .Container высоту height: 100vh; заменить на min-height: 100vh;

Comments

[beduin01]

Помогло только отчасти. Теперь при растягивании окна внизу такая штука под футером появляется.

[Сергей Горячев]

beduin01: Объясняльщик из тебя так себе.

[beduin01]

Sergey Goryachev: https://s02.justpaste.it/files/justpaste/d370/a138...

[Сергей Горячев]

beduin01: Не вижу такой проблемы, так что хз.

[beduin01]

Sergey Goryachev: в плане? У тебя оно нормально отображается? Под каким браузером?

[Сергей Горячев]

beduin01: FF

[beduin01]

Sergey Goryachev: а идей нет что можно попробовать?

[Сергей Горячев]

beduin01: Когда не видишь проблемы, никаких идей нет. Первую еле-еле воспроизвел, решилась. Вторую не вижу.

[beduin01]

Sergey Goryachev: у меня под ФФ тоже не работает https://s02.justpaste.it/files/justpaste/d370/a138...

[Ankhena]

beduin01: Вы хоть на скринах границы разных блоков в разный цвет раскрашивайте. В код хоть мышкой можно тыкнуть и увидеть где какой.