Задать вопрос
@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 ₽
CRM Bitrix24 разработчик
World Vision Clinic • Москва
от 170 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Придумать альтернативный логотип к уже существующему
23 дек. 2024, в 07:27
1000 руб./за проект
3д сцены
23 дек. 2024, в 04:30
10000 руб./за проект
Разработать телеграм бота с реферальной системой, Юкассой и ChatGPT
23 дек. 2024, в 02:13
20000 руб./за проект
Ещё заказы