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