ie中使用float:right出现换行的解决办法
来源:互联网 发布:家装预算软件 编辑:程序博客网 时间:2024/05/16 18:01
今天写css,发现了ie的一个bug,真的很令人烦恼啊,下面就来说说是什么问题。
有段html代码:
<div>神奇的世界<span><a href="#">More..</a></span></div>
css:
span { float:right; }
看了代码就知道,我想达到的效果是一个栏目标题栏,“神奇的世界”字样在左边,“More..”字样在右边。
但是,有时就是事与愿违啊,在ff和chrom中都能达到想要的效果,但在ie中就出问题了,会出现“More..”字样在右边,但在“神奇的世界”字样的下面一行,就是说换行了,这个问题要解决。
上网搜了下,解决办法是有的:
1.将html代码改为:
<div><span><a href="#">More..</a></span>神奇的世界</div>
也就是你将两个字样交换下位置,这样就没问题,但是在理解上存在问题(以前我就看到过这种写法,当时就觉得很费劲啊。。。现在知道了。。。汗)
2.html不变,调整css为:
span { float:right; }
a {float:left; }
这个方法我试过,但好像不行,有网友说可以,不知道为什么。。。。
3.还是只调整css,听说这个方法最好:
div { postion:relative; }
span { position:absolute; right:0; top:0; }
这个方法我试了,完全可行。。。。
最后,希望ie早点那啥。。。。
转自:http://hi.baidu.com/hoverinsky/item/599c7011b39894fd9c778a82
- ie中使用float:right出现换行的解决办法
- ie 7 float right 换行
- 在IE下换行显示float:right的解决技巧
- css关于float:right使用及靠右换行的解决办法
- IE7 float:right 时元素换行 的bug解决办法
- IE8浏览器下float right换行解决办法
- ie下li标签中span加float:right不换行问题解决方案
- IE下CSS属性float:right下移换行或不显示的问题原因及解决
- ie6 span 换行IE6中float:right换行问题的替代解决方案
- ie6 span 换行IE6中float:right换行问题的替代解决方案
- div css布局中float right在IE6中换行
- css使用float:right后内容下移换行的问题原因及解决方案
- 使用float:right后内容下移换行的原因及解决方案
- 为什么css中float:right右对齐会换行
- 解决CSS中float:right后右对齐换行问题
- CSS中float:right后右对齐换行问题
- 解决ie6、ie7下float为right换行的情况
- IE6,IE7下 float:right 后换行的问题
- MFC中键盘消息处理WM_KEYDOWN,WM_KEYUP
- Oracle学习笔记1--sqlplus常用命令
- 第九周 计算存款利息和本息合计
- iOS tableView上下拉刷新
- 内存计算模型spark概述
- ie中使用float:right出现换行的解决办法
- 经营自己最重要
- 抽象类不能实例化
- 给树形目录控件的节点添加图标
- linux任务响应模型&linux实时化&RTAI 3.2分析&Adeos分析
- android运行时发现异常 Unresolved compilation problem
- AWS java+play framework2.1
- 可观测统计数据上因果推断----因果图模型
- Android游戏开发测量每秒帧数 Frames Per Second (FPS)