美文网首页
ie6 ie7下a标签同级元素换行问题

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

作者: LOVE小狼 | 来源:发表于2016-10-17 22:55 被阅读15次

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


ie67下效果

ie67.jpg

非ie67

正常.jpg
问题是:右边的span在ie67下与a标签不同行,非ie67下均同行
当非浮动元素在浮动元素前,并且两元素正常应同行时,ie67就会出现以上问题
解决方案:
  1. 将浮动元素放在前面,即span放在a前面
  2. 将非浮动元素设置为浮动,即这里的a设置为左浮动

相关文章

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

    先看问题,有这样一段代码 ie67下效果 非ie67 将浮动元素放在前面,即span放在a前面 将非浮动元素设置为...

  • 解决ie margin双边距问题

    ie6,ie7给子元素添加*display : inline

  • display:table-cell的应用

    display:table-cell属性指让标签元素以表格单元格的形式呈现,类似于td标签。IE6,IE7不兼容此...

  • ie7兼容问题

    1、IE6/IE7下:inline-block解决方案 IE6/IE7下对display:inline-block...

  • CSS hack

    (1)Chrome js: (2)IE6 (3)IE7 (4)IE8 (5)IE6、IE7共有 (6)IE6、IE...

  • 字体颜色在IE6下为黑色(#000); IE7下为红色(#f00

    请用css定义p标签,要求实现以下效果:字体颜色在IE6下为黑色(#000); IE7下为红色(#f00); 其他...

  • ie低版本浏览器兼容问题总结

    ie7不兼容width:100%; ie7下z-index的兼容问题: ie7下比较的是有position的父元素...

  • 浏览器兼容性问题

    HTML 1:HTML5新标签在IE9下的浏览器不识别。 2:ul标签内外边距,IE6,IE7有默认外边距,IE8...

  • ie8 z-index

    在IE下出现的问题 当定位元素的 'z-index' 未设置时(默认为 auto),在 IE6 IE7 IE8(Q...

  • CSS - 兼容性

    定位 在 IE6、IE7中,若子元素需相对于父元素进行定位,则需为父元素指定高度,或者为父元素添加以下样式: * ...

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/cpuzyttx.html