叁柒設計 三七设计 Three seven design 我的学习与分享
详细信息
来自:关键字:

为什么对容器设置float又要设置display:inline

  December 30th,2008 23:58:43   Category : CSS+DIV
 Click (884)

  看了很多网站,经常看到<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
 

[ 资讯评论 ]
暂时没有任何评论!
[ 提交评论 ]
请选择表情
  • 昵称:
  • *
  • 验证码:
  • *点击更换验证码
  • 尚能输入个字符
申明:本网站部分分享内容来自网络,如有侵权请及时与我联系,谢谢,另网友评论仅代表个人观点,与本站立场无关,如果在评论中发表违反我国任何法律的,请即时与我们联系(QQ:77132915),我们将立即予以删除. [ 注:提交评论后,通过审核后方能在网站上显示!]