Я использовал jQuery для размещения нижнего колонтитула в нижней части моей страницы, но там все еще отображается пустое пространство

#jquery #css #twitter-bootstrap

#jquery #css #twitter-bootstrap

Вопрос:

Привет, я использовал следующий код, чтобы попытаться поместить нижний колонтитул в нижней части моей веб-страницы, но там все еще отображается пустое пространство, и я не могу понять, что его вызывает. Когда я щелкаю правой кнопкой мыши и перехожу к проверке, как только открываются инструменты разработчика, это пустое пространство исчезает, и в нижней части нижнего колонтитула не отображается никаких отступов.

     <script type="text/javascript">

    $(window).bind("load", function () {
        var footer = $("#footer");
        var pos = footer.position();
        var height = $(window).height();
        height = height - pos.top;
        height = height - footer.height();
        if (height > 0) {
            footer.css({
                'margin-top': height   'px'
            });
        }
    });
</script>
  

введите описание изображения здесь

Вот ссылка на мой файл css
Ссылка на общий доступ к коду

Комментарии:

1. Можете ли вы поделиться своим HTML-кодом?

2. Вместо использования jQuery просто используйте css: #footer { position;absolute;bottom:0; }