Задать вопрос
@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%;

Заранее спасибо!
  • Вопрос задан
  • 275 просмотров
Комментировать
Подписаться 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 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Разработать программный модуль управления состоянием здоровья офисных
10 мая 2024, в 11:08
5000 руб./за проект
Разработать технические условия на электротехническую продукцию
10 мая 2024, в 10:47
1000 руб./за проект
Парсинг интернет магазина
10 мая 2024, в 09:30
500 руб./за проект
Ещё заказы