`

ie兼容问题 float:right 印出来的换行问题

    博客分类:
  • web
阅读更多

ie兼容问题  float:right  印出来的换行问题

 

问题:
<h2 class="title">AAAAAAAA<div style="float:right">BBBBBBBB</div></h2>
这段代码在chrome中是正常的可是到了ie下面确是换行的,如何解决呢

 

 

解决办法一:
这是ie的一个典型问题,原因出在float:right上,在ie下要把float的部分放倒没有float的部分前面,
像这样,就不会断行:
<h2 class="title"><div style="float:right">BBBBBBBB</div>AAAAAAAA</h2>

 

 

解决办法二:
或者给“调查管理-编辑问题”加个float:left,像这样
<h2 class="title"><span style="float:left">AAAAAAAA</span><div style="float:right">BBBBBBBB</div></h2>

 

分享到:
评论

相关推荐

    E7 float:right 时元素换行出现在下一行的bug解决方法

    如果前面几个元素没有设置浮动,而给最后的元素设置为float:right,则被设置为浮动的这个元素会出现在下一行,针对这个问题,下文给出详细的解决方法,感兴趣的朋友不要错过

    CSS中右对齐float:right换行的解决办法

    一做站的朋友问我为什么同时使用FLOAT:LEFT 和RIGHT的时候不在同一水平线上,二是在另一行,举个例子,大家一看就明白了

    IE7 float:right 右浮动时元素换行错位的bug解决方法

    次的情况与上次不同,上次直接将浮动的元素移到不浮动的元素之前就可以解决问题,而这次的float:right 时元素换行错位的情况,在下文也给出了不错的解决方法

    css中float:right右对齐元素会换行不在同一条线上

    这个时候我们就可以根据float来设置,在设置右对齐显示的时候,我们通常会遇到,右对齐的元素会换行,这样就会出现左右元素不在同一条线上,我们可以通过以下方式来解决这个问题: 第一种解决办法:把左右对换,...

    css给span加float:right右浮动后内容换行下移

    有不少网友反应自己用了float:right后内容跑到下面去了,关于这个问题我们先来看一个例子: 复制代码代码如下: &lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN ” ...

    css 跨浏览器实现float:center

    我们都知道float:left和float:right,但是否想过float:center呢?居中浮动。。。

    右下角弹出窗口 javascript

    float:right;font-size:12px;cursor:pointer} &lt;/style&gt; &lt;body&gt;&lt;div id="rbbox"&gt;()"&gt;关闭&lt;/a&gt;&lt;iframe src="1.jpg" height="200" width="300" scrolling="no" &gt;&lt;/iframe&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; ...

    css float left布局换行不正常问题的解决

    主要介绍了css float left布局换行不正常问题的解决的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    CSS之float在IE浏览器下换行问题解决方法

    float: right; height: 30px; text-indent: -9999px; width: 50px; } &lt;h3&gt; 1F 热门车系 [更多+]&lt;/a&gt; &lt;/h3&gt; 当程序如上时,a标签会在IE等浏览器下换行。 解决方法,就是把&lt;a&gt; 标签放在文本前面,如下: &lt;h3&gt;

    CSS display:inline和float:left两者区别探讨

    本文和大家重点讨论一下CSS display:inline和float:left两者的区别,CSS display是指显示状态,inline表示内联,特点是紧贴着前一个内联元素,通常默认的内联元素有span,a,em,strong等。而float表示的是浮动,float:...

    java float:单精度浮点型.txt

    java float:单精度浮点型

    通过float实现两个div不换行

    div#row1 { float: left; color: blue; } div#row2 { color: red } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; ”row1″&gt;第一个div&lt;/div&gt; ”row2″&gt;第二个div不换行&lt;/div&gt; &lt;/body&gt; &lt;/html&gt;

    跨浏览器实现float:center

    我们都知道float:left和float:right,但是否想过float:center呢?居中浮动。。。 &lt;div id=macji&gt; &lt;ul class=macji-skin&gt; 列表一&lt;/li&gt; 列表二&lt;/li&gt; 列表三&lt;/li&gt; &lt;/ul&gt;&lt;/div&gt; 我们希望实现li是浮动的,并且居中的(li...

    IE7 float:left左浮动失效的解决方法

    下面的例子中在FIREFOX和CHROME等浏览器中,b和c会左对齐显示于两排,但在IE7下却不是,下面有个不错的解决方法,感兴趣的朋友不要错过

Global site tag (gtag.js) - Google Analytics