1℃
0℃
0℃
1℃
2011年05月27日
首先解释一下这里的浮动布局列表，主要是用到了css中的float属性，比如：float:left，然而display:inline-block布局列表则没有使用float:left这样的属性。如图就是常规的列表效果：
现在就来分析他们的优劣。
1.float浮动布局
优点：代码简洁，兼容性非常好，兼容所有主流浏览器。一般使用方式就是li{float:left;display:inline;}，display:inline可以解决IE6下margin双倍边距的bug。
缺点：无法让列表容器自动适应高度，需指定li高度，否则列表就会显示错乱。如下图：
也贴出代码：
...
display, float, 布局, 浮动阅读全文
0℃
4℃
1℃
0℃
