CSS笔记——常用布局

水平元素组

无序列表实现水平导航栏：

ul { list-style-type: none; }li { float: left; }

元素居中

详见http://blog.csdn.net/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