我试图用css将页脚粘贴到页面底部 我正在使用ZurBS基金会来构建我的网站,我正在努力弄清楚如何创建一个页脚的页脚。我尝试过绝对定位,但它与内容重叠。我试图放在底部的div页脚在容器内,但是我可以在需要的地方移动它。您可以实时查看该网站
html代码我试图用css将页脚粘贴到页面底部 我正在使用ZurBS基金会来构建我的网站,我正在努力弄清楚如何创建一个页脚的页脚。我尝试过绝对定位,但它与内容重叠。我试图放在底部的div页脚在容器内,但是我可以在需要的地方移动它。您可以实时查看该网站,css,footer,sticky-footer,Css,Footer,Sticky Footer,html代码 <div class="container"> <div class="row"> <div id="logo" class="two columns"> <a href="http://anderskitson.ca/mrskitson2012"><img src="http://anderskitson.ca/mrskitson2012/wp-content/themes/mr
<div class="container">
<div class="row">
<div id="logo" class="two columns">
<a href="http://anderskitson.ca/mrskitson2012"><img src="http://anderskitson.ca/mrskitson2012/wp-content/themes/mrskitson2012/images/logo.png" alt="Mrs Kitson's Kinderegarten"/></a>
</div>
<div id="title" class="ten columns">
<p><span>Mr's</span> Kitson's Kindergarten</p>
</div>
</div>
<div class="row">
<div class="ten columns">
<div class="mainNav"><ul><li class="page_item page-item-19"><a href="http://anderskitson.ca/mrskitson2012/blog/">blog</a></li><li class="page_item page-item-17"><a href="http://anderskitson.ca/mrskitson2012/calendar/">calendar</a></li><li class="page_item page-item-9"><a href="http://anderskitson.ca/mrskitson2012/curriculum/">curriculum</a></li><li class="page_item page-item-15"><a href="http://anderskitson.ca/mrskitson2012/forms/">forms</a></li><li class="page_item page-item-2 current_page_item"><a href="http://anderskitson.ca/mrskitson2012/">home</a></li><li class="page_item page-item-13"><a href="http://anderskitson.ca/mrskitson2012/news/">news</a></li><li class="page_item page-item-11"><a href="http://anderskitson.ca/mrskitson2012/resources/">resources</a></li><li class="page_item page-item-21"><a href="http://anderskitson.ca/mrskitson2012/video/">video</a></li><li class="page_item page-item-7"><a href="http://anderskitson.ca/mrskitson2012/visible/">visible</a></li></ul></div>
</div>
</div>
<div class="row">
<div class="11 columns offset-by-one">
<img src="http://anderskitson.ca/mrskitson2012/wp-content/themes/mrskitson2012/images/kidsDrawings.jpg" alt="Kids Drawings"/>
</div>
</div>
<div id="footer" ></div>
<!-- container ends-->
</div>
这是你最好的选择:
html { height:100%; }
你在你的身体上,而不是你的HTML标签。 你使用的是基础,它改变了底部:0绝对定位。
证明:试着清除页眉中的基础CSS调用,看你的东西调整。我试过CSS粘性页脚,但我不能让它工作。如果没有,我会再试一次并发布代码。谢谢
html { height:100%; }