Почему блок наезжает на другой?

Question

[Сергей]

Использую Bootstrap. Один div на весь экран и второй div синий блок тоже. Здесь показано поведение блоков при большом разрешении (>1200px), на картинке ниже - при маленьком (<768px)



При уменьшении окна первый div вылазит на второй, как видно на картинке. Как сделать так, чтобы блоки были действительно резиновыми и не вылазили на другие?

jsfiddle.net/tqy7q277
Остальные классы с Bootstrap

Comments

[Ksider]

Потому что. Нужен код.

[Сергей]

Ksider: jsfiddle.net/tqy7q277

[Ksider]

тут ничего не наезжает codepen.io/ksider/pen/GpoBGV

[Ksider]

но br br br это круто конечно

[Сергей]

Ksider: Наезжает при уменьшении размера окна

[Ksider]

https://www.dropbox.com/s/p4i8szr1p73cfdd/2015-09-... вот что вижу я

[Сергей]

Ksider: Дело было в
.первый блок {min-height: 100%;
height: auto;} <<<<<<<<

Answer 1

[Дима Паутов]

Ищите элемент с фиксированной высотой. Дело в нем

Comments

[Сергей]

У первого блока (верхнего) было:
{min-height: 100%;
height:100%;}
Изменил на height: auto и всё нормально, но не понял почему так.

[Дима Паутов]

Сергей: А чего не понятно то? У блока высота 100% от родительского. Контент от этого и вылазит за его пределы