VPF::Растянуть div до низа, имея margin - Форум программистов

programming

Дата 3.11.2013, 22:54 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 227
Регистрация: 20.6.2008

Репутация: нет
Всего: 1

Есть примитивная задача. Растянуть блок div до конца экрана. Ставлю параметр height у body, html и у div в 100%. Все отлично работает. Но есть проблема. Мне нужно у этого div прописать отступы margin(то есть он должен быть не в левом верхнем углу. И когда я ставлю эти значения отступов, они приплюсовываются к уже вычисленным 100% высоты блока и появляется полоса прокрутки.
Для примера:

Код


<html>
<head>
<style>
html, body {
margin: 0px;
padding: 0px;
height: 100%;
}
#main {
height: 100%;
width: 200px;
margin: 80px 0px 0px 20px;
background-color: red;
}
</style>
</head>
<body>
<div id="main">
Test
</div>
</body>
</html>

Возможно ли это побороть без таблиц и javascript?

Linless

Дата 13.12.2013, 14:42 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 11
Регистрация: 3.12.2013

Репутация: нет
Всего: нет

добавь к блоку стиль

Код


box-sizing: border-box;

должно сработать

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »