w3school设置footer上下边距的方法

<div class="wrapper">  
	<div class="header"></div>
	<div class="main"></div>
	<div class="footer"></div>
</div>

现在要设置footer与上下的边距为20px，则可参考w3school（http://www.w3school.com.cn）的作法：

.footer {
	border-top: 20px solid #fff;
	border-bottom: 20px solid #fff;
}

footer的上下边框颜色为背景色（这里的背景色为白色）。

优点：防止其他的div浮动等布局因素，导致footer的margin或padding不灵（得不到想要的效果）。

缺点：页面的背景色（body或wrapper的背景色）必须为纯色；若修改背景色，则footer的上下边框颜色也需要修改。