使用CSS定位页面的“footer”
基本思路
首先考虑外层设置一个容器 div ，id 设为 #container ，使他的高度为浏览器窗口的高度，然后将 #footer 这个 div 设置为 #container 的子 div，并使用绝对定位的方式，使他固定到 #container 的底端，以实现希望的效果。
点击这里察看案例页面效果。 改变浏览器的高度和宽度，可以看到 Footer 部分的效果。
代码实现
下面先考虑HTML结构，这个演示页面的HTML代码非常简单。
div id="container"
div id="content"
h1Content/h1
p请改变浏览器窗口的高度，以观察footer效果。/p
p这里是示例文字，………，这里是示例文字。/p
/div
div id="footer"
h1Footer/h1
/div
/div
然后设置CSS，
body,html {
margin: 0;
padding: 0;
font: 12px/1.5 arial;
height:100%;
}
#cont...[ 查看全文 ]
2016-02-19
标签:
