Я пытаюсь сделать так, чтобы нижеприведенный «контейнер» был опознан как div-обертка и принимал высоту других элементов. Это позволяет мне динамически изменять размеры других элементов, а размер контейнера изменяется, размещая нижний колонтитул внизу.
Я посмотрел (пару часов сейчас!) На это решение и везде упоминаю, что он ясен: оба или переполнение: авто, ни один из которых не работает
Очень понравилось бы, если бы кто-то мог указать, где я иду не так!
<HTML>
<head>
<style type="text/css">
body {
text-align: left;
font-size: small;
}
#Layer-2 {
position: absolute;
margin-left: -640px;
left: 50%;
top: +0px;
width: 1280px;
z-index: 2;
}
#Layer-3 {
position: absolute;
left: 146px;
top: 33px;
width: 687px;
height: 59px;
z-index: 3;
}
#Layer-4 {
position: absolute;
left: 157px;
top: 125px;
width: 174px;
height: 843px;
z-index: 4;
}
#Layer-5 {
position: absolute;
left: 361px;
top: 286px;
width: 776px;
height: 682px;
z-index: 5;
overflow: auto;
}
hr {
display: block;
clear: left;
margin: -0.66em 0;
visibility: hidden;
}
#container {overflow:hidden;}
</Style>
</head>
<body>
<div id="container">
<div id="Layer-2">
<div id="Layer-5" >
Hello World
</div>
<div id="Layer-4" >
Hello World 2
</div>
<div id="Layer-3" >
Hows Things today?
</div>
<hr>
<br style="clear: both; height: 0; visibility: hidden;">
</div>
<br style="clear: both; height: 0; visibility: hidden;">
</div>
<div WIDTH="100%"> Footer </div>
</body>
</html>