У меня нет контейнеров, нет упаковщиков.
У меня просто такая раскладка ...
<body>
<div id="header">
</div>
<div id="left">
</div>
<div id="right">
</div>
<div class="clear"></div>
<div id="footer">
</div>
Я хочу сделать так, чтобы нижний колонтитул всегда оставалсяв нижней части экрана, есть ли у меня контент, который идет довольно далеко внизу или даже недостаточно контента, чтобы пройти весь путь до нижней части экрана.
На данный момент я могу получить либо два изперечисленные выше способы работают, но я хочу, чтобы оба работали.
Вот CSS, который я настроил для этого.
html {
height: 100%;
}
body {
height: 100%;
position: relative;
}
#footer {
position: absolute;
bottom: 0;
}
Я знаю, что если я применю мин.-высота: 100%;к элементу HTML в документе CSS, который будет идти по мере поступления контента, но если у меня нет никакого контента, по сути, он не будет прилипать к нижней части экрана.Независимо от разрешения.
Я сталкивался с этой проблемой несколько раз и никогда не знал, как ее решить.Таким образом, некоторая помощь будет высоко ценится, наряду с некоторыми объяснениями.
Большое спасибо всем за вашу помощь!