ie6 ie7下a标签同级元素换行问题

先看问题,有这样一段代码


ie67下效果

ie67.jpg

非ie67

正常.jpg

问题是:右边的span在ie67下与a标签不同行,非ie67下均同行
当非浮动元素在浮动元素前,并且两元素正常应同行时,ie67就会出现以上问题
解决方案:

  1. 将浮动元素放在前面,即span放在a前面
  2. 将非浮动元素设置为浮动,即这里的a设置为左浮动
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,806评论 1 92
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,967评论 19 139
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 1,227评论 0 1
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,191评论 0 40
  • 在发掘被火山熔岩和灰烬所掩埋的庞贝城时,人们发现:“被烧焦了的男性尸体都处于反抗状态,仿佛他们是在与天抗争,或者试...
    爱家心理阅读 807评论 0 1