我使用ZURB基础CSS框架设计一个网站。目前,我正在尝试创建一个页脚,留在
页面的
底部。我有以下脚本
代码,但它不会到
底部,而是
显示在中间。
你能告诉我如何创建一个页脚(使用ZURB基础框架),将留在底部?
<div class="row">
<div class="twelve columns" style="background-color:#000000; height:30px; bottom:0;"></div>
</div>
我会创建两个不同的页脚 – 一个用于桌面和平板电脑 – 和一个手机。
使用Zurb的“显示和隐藏选项”,这很容易做到。您可以使用两个页脚使用任何图形,所以任何“下载惩罚”都很小。
要为您的网站创建一个粘性页脚,您必须添加一些CSS到Zurb。 (您可以将其添加到app.css文件,这是Zurb的额外CSS的存储库)
这是一篇关于如何创建粘贴页脚并考虑到Opera浏览器和旧版本的IE的伟大文章。
http://www.cssstickyfooter.com/
Brad Frost的文章(由Ed Charbeneau发表)也是一个很棒的阅读 – 我以前没看过。