Как создать горизонтальный плавающий элемент div, который всегда находится внизу страницы, независимо от того, как пользователь выполняет прокрутку?

Question

Я просто хочу, чтобы горизонтальный div (около 50 пикселей в высоту) всегда охватывал всю нижнюю часть страницы. Как?

Answer 1

Используйте функцию position: fixed в вашем CSS.

.footer {
    position: fixed; 
    bottom: 0; 
    left: 0; 
    width: 100%; 
    height: 50px; 
}

Однако это не работает с IE6; проверьте эту ссылку для обхода проблемы .

Answer 2

взгляните на положение: исправлено; Я использовал это, чтобы сделать это раньше, но вы столкнетесь с кросс-браузерной ошибкой в ​​IE. В итоге я использовал хак CSS _expression (), чтобы он работал в IE6 / 7.