Margin inside div and responsive height
 

Здравствуйте уважаемые форумчане.

Есть такой пример кода https://jsfiddle.net/wodgtsdd/

Вопрос 1: Как сделать чтобы div class="content-wrapper" растягивался по высоте документа (т.е. доставал до нижнего края документа)? Сейчас он растягивается по высоте содержимого в нем контента. Я предполагаю что это можно сделать с помощью js типа получить высоту документа, получить координаты и высоту блока content-wrapper, и вычесть из высоты документа координату левого верхнего угла + высоту блока, а затем сложить полученную величину с высотой блока. Но можно ли это сделать с помощью css? Почему то мне кажется что с помощью css было бы правильнее.

Вопрос 2: Почему параграф lorum ipsum который имеет свойства margin-top и margin-bottom 15 px вылезает своими отступами за пределы div блока, и как правильно это исправить, т.е. сделать так чтобы не вылезал?

Спасибо за внимание

Нужно делать не отдельные элементы, а весь каркас разом. Вся разметка должна быть единой.
Если как-то расставить одни элементы, а потом пытаться расставлять остальные - можно зайти в тупик и начать подключать скрипты.

Как вариант
- убрать те маргины у абзаца
- дать аналогичные паддинги диву...