Есть примитивная задача. Растянуть блок 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? |