页脚底部

我发现了很多关于这个主题的文章，但没有关于它的文章对我有用，我想在页面底部制作一个页脚，当内容不够大时，内容比我的页脚留在内容下的屏幕更长，并且不会粘在屏幕的底部。页脚底部

在此先感谢！

来源

2013-05-05 Yoshi Peters

这是另一个例子，如何做到这一点，在所有浏览器AFAIK中都能正常工作。 http://peterned.home.xs4all.nl/examples/csslayout1.html

编辑：我不是作家，只是看着自己的东西一样，前一段时间。

来源

2013-05-05 08:56:23 Cthulhu

我使用了精确的代码，它这样做：http://gyazo.com/28d5dd1e1893d0c9f264cb9c8bd70b5c – 2013-05-05 09:07:44

这工作，我有我的代码中的问题我身体的身高被设置为100，而不是100％.. – 2013-05-05 09:10:40

编辑：尝试CSS Sticky Footer：它很好，只有CSS。

如果您想实验，absolute CSS位置属性也可以工作。结帐MDN docs：

#footer { 
    position: absolute; 
    bottom: 0; 
}

来源

2013-05-05 08:45:00

我只是希望它在页面不是在屏幕底部的底部，所以当含量小，它是在屏幕的底部，但是当内容很大时，您需要向下滚动以查看页脚。 – 2013-05-05 08:49:14

现在我不知道，我建议尝试使CSS粘滞页脚适应您的需求。 – 2013-05-05 09:07:52

这其实很容易做到这一点只是CSS，但也有一些小的限制。下面是它是如何做演示（查看源代码获得代码）：

http://www.pmob.co.uk/temp/sticky-footer-ie8new-no-table.htm

这里是它如何工作的详细解释，如果你需要它：

http://www.sitepoint.com/forums/showthread.php?171943-CSS-FAQ-Tips-etc-Please-read-before-posting!&p=1239966#post1239966

来源

2013-05-05 08:47:37

当内容足够大的时候，它已经到了底部，但是当内容很小时，它就会出现：（ – 2013-05-05 08:55:06

怎么会这样呢？只要打开演示程序，页脚就停留在底部，尽管内容甚至不会占用半个屏幕。 – Cthulhu 2013-05-05 09:00:37

是啊我知道，我可能在我的代码中存在一个问题，我认为... – 2013-05-05 09:03:48

- 由JavaScript

做到这一点 - 例如

<div class='content'> 
    your page 
</div> 
<div class='Footer'>Footer</div> 

<script src="jquery.js" type="text/javascript"></script> 
<script type="text/javascript"> 
var document_height = $(document).height(); 
var content_height = $('.content').height(); 

if (content_height < document_height) { 
    $('.content').css('height', (document_height)); 
} 
</script>

来源

2013-05-05 09:15:28 user2351467

回答

相关问题