div внизу окна, а не страница

Question

Я хочу элемент div в нижней части окна. как div на нижней странице старого facebook.com. или как чат div начального facebook.com

Answer 1

Вы можете использовать position: fixed; bottom: 0px. Но не будет работать в IE6.

<style type="text/css">
    #footer { position: fixed; bottom: 0px; }
</style>

<div id="footer">I am at the bottom of the window</div>

Answer 2

Попробуйте использовать это. Нижняя панель здесь сделана с элементом div. Я полагаю, вы можете использовать любой элемент, который пожелаете, просто сослаться на класс CSS. Я только что проверил элемент div

/* HTML */
<div class='always-at-bottom'>Always at bottom!</div>

/* CSS */
.always-at-bottom {
    height:40px;
    position: fixed;
    left: 0;
    bottom: 0%;
    width: 100%;
    background-color: blue;
}