水平元素组
无序列表实现水平导航栏:
ul { list-style-type: none; }
li { float: left; }
元素居中
详见http://blog.youkuaiyun.com/bingoo_t/article/details/53703011
图片自适应div
最简单的方法是设置div的样式:
background-image:url("image.png")
background-size:cover
若已知div大小,也可以设置img的样式:
width: 100%; height:100%;
footer常驻底部
详见http://www.cnblogs.com/wudingfeng/archive/2012/06/29/2569997.html