看了很多网站，经常看到<li></li>标签内设置了float:left又设置display:inline。
　　既然设置了float:left，那标签内的元素都会向左浮动了。
　　为什么又要设置display:inline。既然设置了float:left，那该标签已具有块状元素的特征了，又设置内联元素，不是有矛盾吗？
　　例如：
　　http://www.52css.com/article.asp?id=845
　　里一个css的定义

Example Source Code [www.52css.com]

ul li { 
         float:left; 
         margin:0 12px 12px 0; 
         display:inline;
}

　　display:inline的意思是基线显示
　　可以消除IE6和IE7下的浮动BUG
　　display:inline 可以消除IE6双倍边距的BUG。

　　可以参考：IE中怎么会出现双倍边距？
　　http://www.52css.com/article.asp?id=144

相关推荐:http://www.114study.com/?ybtg=wuhuaitang

评论