本文介绍如何使用CSS实现水平导航栏及元素居中，并提供图片自适应div的方法，同时分享了footer常驻底部的设计方案。
水平元素组
无序列表实现水平导航栏：
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
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
