den4ik_

проблему с отступами параграфа решил с помощью добавления overflow-y: auto; в блок .content-wrapper. Ну даже не знаю как это называется, мне надо чтобы нижний край content-wrapper прилип к нижнему краю окна чтобы полоски border left и right визуально упирались в нижний край окна браузера. На одном из форумов было предложено решение html, body { height: 100%; } .content-wrapper { ... min-height: 100%; } но тогда документ сильно вырастает по высоте и появляются полосы прокрутки.

Здравствуйте уважаемые форумчане. Есть такой пример кода https://jsfiddle.net/wodgtsdd/ Вопрос 1: Как сделать чтобы div class="content-wrapper" растягивался по высоте документа (т.е. доставал до нижнего края документа)? Сейчас он растягивается по высоте содержимого в нем контента. Я предполагаю что это можно сделать с помощью js типа получить высоту документа, получить координаты и высоту блока content-wrapper, и вычесть из высоты документа координату левого верхнего угла + высоту блока, а затем сложить полученную величину с высотой блока. Но можно ли это сделать с помощью css? Почему то мне кажется что с помощью css было бы правильнее. Вопрос 2: Почему параграф lorum ipsum который имеет свойства margin-top и margin-bottom 15 px вылезает своими отступами за пределы div блока, и как правильно это исправить, т.е. сделать так чтобы не вылезал? Спасибо за внимание