如 *margin:-23px 5px 0 0，这样既可消除 IE6 IE7 中的 Bug，但是这么做是利用了浏览器的 Bug，并没有消除 Bug 。在能有个更好的解决方法的时候，不推荐使用 CSS hack 来解决问题 。调整SPAN元素的位置 。通过上面总结的 Bug 触发条件，我们可以考虑直接调整父容器中 SPAN 子元素的位置来回避 IE6 IE7 中此 Bug，即将右浮动的 SPAN 元素调整到所有非浮动 SPAN 元素之前 。
复制代码代码如下:
div style="border:1px solid black; font:14px Verdana; padding:5px;"
span style="background:tomato; float:right;"Some text aligning right/span
span style="background:gold;"Text1/span
span style="background:lightblue;"Text2/span
span style="background:pink;"Text3/span
span style="background:greenyellow;"Text4/span
span style="background:peru;"Text5/span
/div
推荐阅读
- win11更新后右键反应慢解决方法
- IE6 注释引起的文字溢出和浮动错位的解决思路
- win11右边图标不见了解决方法
- IE7 float:right 右浮动时元素换行错位的bug解决方法
- 50年以后你还能在我左右是什么歌
- Win7安装ie10后蓝屏重启及浏览器滚动栏右侧出现黑条解决方案
- 中性光是多少k
- 适合做座右铭的名言
- 汽车右后视镜怎么调算最合适
- 文件不能删除怎么办