浮动列表在ie6

各种类型的浮动li，比如：导航，图片文字列表，产品展示的那种。

 

在这些情况下，ie6或多或少都会搞出些bug出来，烦不胜烦。甚至是两个同样的容器中，其中会出现最后一个li 总是不站好队，偏了，歪了，图片对齐，但文字不居中，见图1.

 

还有一种情况，图片下的说明文字，通常都是 汉字，但某一个若碰巧是字母或数字，在ie中可能表现出，此行下面的一行出现偏移的现象。

 

原因，据我目前碰到的，跟容器的宽度，高度，以及vertical-align有关，这几个设置下就可以解决问题。

 

比如：第一个巧合出现，就是因为某个容器的宽度造成，宽度增大一些，就ok了（或单独调整该容器下的li宽度）

 

第二个，一般就是vertical-align:middle，就行，或设置高度