Задать вопрос
@aleksandrozz
css

Как в css сделать блок с высотой равной высоте документа?

Здравствуйте!

Подскажите пожалуйста, как правильно задать высоту для блока равный высоте документа? Именно высоте документа (100% всего документа), а не 100% высоты экрана.

Html имеет такой вид:

<html>
  <head></head>
  <body>
    <div class="container">

      <div class="wrapper-content">
        <div class="content"></div>
      </div>

      <div class="sidebar"></div>

    </div>
  </body>
</html>


Вот нужно чтобы высота блока Sidebar была всегда 100% относительно документа.

P.S.: Для Sidebar и Content используется float: left; Для Sidebar так же margin-left: -100%;

Заранее спасибо!
  • Вопрос задан
  • 285 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 1
alex-saratov
@alex-saratov
Не во всех браузерах это работает. Часто обсуждаемая темя "колонки одинаковой высоты"

У себя вышел из положения функцией на Javascript
// ------------------
function setEqualHeight(columns) {
	var tallestcolumn = 0;
	columns.each(function() {
		currentHeight = $(this).height();
		if (currentHeight > tallestcolumn)
			tallestcolumn = currentHeight;
	});
	columns.height(tallestcolumn);
}


setEqualHeight($(".products-block > .shop_item"));
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Trainee - IT Support
move2usajobs LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Разобрать текущий ETL-процесс
22 нояб. 2024, в 23:55
3000 руб./за проект
Телеграмм бот на Python
22 нояб. 2024, в 22:26
3500 руб./за проект
Сделать несколько гиф анимаций
22 нояб. 2024, в 21:47
3000 руб./за проект
Ещё заказы