Почему, когда в height пишешь в px всё нормально, а когда в процентах, как на рисунке, ничего не работает? height в процентах нельзя делать?
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="home_page.js"></script>
<link rel="Stylesheet" href="accaunt.css"/>
<meta http-equiv="content-type" content="text/html; charset=windows-1251"/>
<style type="text/css">
body.style_body {
background-attachment: scroll;
background-clip: border-box;
background-origin: padding-box;
direction: ltr;
display: block;
margin: 0px auto;
overflow: scroll;
padding: 0px;
position: relative;
}
.gods_area {
background: #d954ff;
border-bottom: 2px solid black;
height: 82%;
margin: 0px;
padding: 0px;
width: 100%;
z-index: 10000;
}
</style>
<title>School.ua</title>
</head>
<body class="style_body">
<div id="gods_area" class="gods_area"></div>
</body>
</html>