Question

我是SO的新手，但过去几年我一直在学习编码。我刚刚启动了我的网页，除了关于/联系页面外，一切看起来都不错。页脚没有足够的内容粘在底部，粘滞页脚代码使其始终存在。我只希望它位于页面底部和内容之下。它在小型浏览器上看起来很好，但在较大的屏幕上或缩小时看起来不错。

定位绝对和固定不起作用，底部：0也不起作用。我已经没有关于如何将它粘在底部的想法。

任何想法???

这是我的网站：http://yasminpanjwani.com/aboutcontact.html

谢谢！

Answer 1

您可以计算视口的高度，并将min-height设置为主要元素

如果你使用jQuery

$(document).ready(function() {

  var viewportHeight = $(document).height();

  $('main').css('min-height', viewportHeight - 200 ); // minus size of your header & footer

});

如果没有;

var $main = document.getElementsByTagName('main'),
    body  = document.body,
    html  = document.documentElement;

var height = Math.max(
              body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight
            );


$main.style.minHeight = height + 'px';

页面底部的页脚（不粘）即使内容很少

1 个答案: