项目中,ie8以上都是好好的,就是ie7的布局有问题,span换行漂浮了

<div style="height:20px">
<span style="border:1px red solid;width:100px;display:inline-block">ss</span>
<span style="border:1px green solid;float:right;">ss2 </span>
</div>

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAygAAAA6CAIAAADUYOqrAAAClElEQVR4nO3dsW3cMBSA4bfLDcNZtMW13CKdUmcFtllBO7hKyxS0hXN4CEgfRCDI94GF/ezi4OqH+CBHfeb78evpHACAQX1QxeDvAQAwRXgBACwyEV7fAAB4wUR4vQEA8AJXjQAAiwgvAIBFhBcAwCLCCwBgEeEFALCI8AIAWER4AQAsMhNeEc7EAQD4zBOvawgvAKAjvK4hvACAjvC6hvACADrC6xrCCwDoCK9rCC8AoCO8riG8AICO8LqG8AIAOsLrGsILAOjMhde2bRGRc962rc37CbUKLwDgiYnwOo4jpVRrzTlHRK21n/DOXwMA6EyEVyklIkop57Cf8E54AQCduavGlFJEtLvFNu8n1Cq8AIAnvrJc3/a69n3/y+R/J7wAgM7cjte5QZ9Syjn3k+s+6D9GeAEAnenl+nax2Hbq+wnvhBcA0PEer2sILwCgI7yuIbwAgI7wuobwAgA6wusawgsA6MyEV4QzcQAAPvPECwBgVNzjlSO8AABGxf2lSy3hBQAwSngBACwivAAAFhFeAACLTIVXfNj3vU2EFwDAqPHwut1u7Yuc89lewgsAYNRgeJVSjuM4v73dbtu2VeEFADDuazteKSXhBQAwp4XXtm0RkXNuOfV08iil5KoRAGBO3OM4jpRS/VjeqrX2k0fnT6vwAgAYF/copUREKeUc9pNHKaVz30t4AQCMaleNKaX2noicc5v3kybn/BhkwgsAYNTjcn3b6zrf0dVP9n3/o8OEFwDAqLbjdW7Qp5Ryzv2k1rrv++OifXv0JbwAAEady/XtYrFtzfeTtmX/qM2FFwDAKP+rEQBgEeEFALCI8AIAWER4AQAsEvd45TwJr58AACwRPwAAWCLeAABYQngBACzyGx7UwI5sVEQXAAAAAElFTkSuQmCC" alt="" />

不知道怎么个情况,最后百度一下,原来这个能百度很多。。。。。百度还是很强大的。。浮动的放到非浮动前边就可以在一行了。。。汗

<div style="height:20px">
<span style="border:1px green solid;float:right;">ss2 </span>
<span style="border:1px red solid;width:100px;display:inline-block">ss</span>
</div>

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAyoAAAAqCAIAAADTQzgNAAACWklEQVR4nO3dsW3jMBiAUe7iYTiL4CXccot08h5awa12uMqFG11BRDDiQGfJICHx3gOLhAQsp8oH6Y8Tpooet/PC6XW8V3snAABFLYRNqPk+5BcA8J9Yl19fxTxu54XT63gvd2kAgJrW5defYh6388LpdbyXuzQAQE0ePgIAVCW/AACqkl8AAFXJLwCAquQXAEBV8gsAoCr5BQBQ1cr8CqHQetzOC6fX8V7u0mUXANCccAmfrPX5VUabd7/kFwC0KFw++hUvv0qSXwDQIvm1Y/ILAFokv3ZMfgFAi+TXjskvAGjRqvwK3/q+zzvyqyT5BQAtej+/TqdT/iKlNBeY/CpJfgFAi97Mr2EYxnGcvz2dTl3XTfKrLPkFAC3aNvsVY9yeX13XhRBSSvklft1ZS34BAEeR82ttEcUYNz58HMcxxjh9P8Kcpul1ZwP5BQAcRbisLqL5dNqQX8MwhBCGYZj3Xnc2kF8AwFGEy+oiijHOc2BbHj7GGPPfT6aU5lf8sbOW/AIAjiI/fHy/iFJKz1m2ffQ+P92cP8Hi1533yS8A4CieR+//WUR93/+osS2zX/M0WYwxpfS6s+HHkF8AwFHk2a93iqjv++cx/HwbbOPofb6xlifIXnc2kF8AwFHMo/fLRZRn8J/lfZ/7VZL8AoAW+Z+POya/AKBF8mvH5BcAtEh+7Zj8AoAWVc+vMutxOy+cXsd7uUuXXQBAc8IlfLJW5lcxbd79AgB4Ib8AAKqSXwAAVckvAICq5BcAQFXyCwCgKvkFAFCV/AIAqEp+AQBUJb8AAKpaCJu/c1tuJh+07VwAAAAASUVORK5CYII=" alt="" />

出问题,先百度。。。。。。。。。。

ie7span标签float换行悬浮的更多相关文章

  1. ie7 下 float换行问题与vertical-align:middle; 失效问题

    声明:web小白的笔记,欢迎大神指点!联系QQ:1522025433. ie7 下 float换行问题 请直接看代码中和代码中的注释: <!doctype html> <html&g ...

  2. Web前端开发如何利用css样式来控制Html中的h1/h2/h3标签不换行

      H1/H2/H3/H4标题标签常常使用在一个网页中唯一标题.重要栏目.重要标题等情形下. H1在一个网页中最好只使用一次,如对一个网页唯一标题使用.H2.H3.H4标签则可以在一个网页中多次出现, ...

  3. 使H1 H2等标签不换行

    在网页优化中,经常要使用H标签对关键字进行优化, 可是如果是一行文字中的某个词加上了H1标记,就会换行. 可以使用下面的方法,H标签就不会强制换行了. <style type="tex ...

  4. IE8下标签float导致的bug。

    前几天帮朋友写一个页面,今天在IE8下面发现一个很奇葩的问题,给a标签添加了float:left之后a标签内的图片不显示了,去掉float:left之后就能正常显示. 代码: <!DOCTYPE ...

  5. cocos2d-x之 利用富文本控件解析xhml标签(文字标签,图片标签,换行标签,标签属性)

    执行后效果: 前端使用: 后台SuperRichText解析code void SuperRichText::renderNode(tinyxml2::XMLNode *node){ while (n ...

  6. Html中怎么用CSS让ul中多个li标签不换行横排显示

    布局 通常有三种方式 { 1. position 2. float: left --> 其次是这个 3. block: inline-block  --> 他们推荐我用这个 } 具体描述 ...

  7. HTML之基本语法(段落标签、标题标签、空格标签、换行标签、图片标签和图片的基本属性)

    一.HTML标签 所谓的HTML的标签就是发明者认为定义好的一些单词,就相当于我们汉语中的字 二.HTML的语法 语法就是用来定义这些“字”应该如何解析或者书写的规则 三.常见标签及基本语法 1.人为 ...

  8. html span标签 不换行(有时span带中文时候是可以自动换行的)

    <span>你好111111111111111111111111111111111111111111111111111aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa ...

  9. 格式与布局 float 左右悬浮边框

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

随机推荐

  1. Docker+SVN

    原文:Docker+SVN mkdir /cnex/svndocker pull garethflowers/svn-server docker run -d --name svn-server  - ...

  2. 【Educational Codeforces Round 35 D】Inversion Counting

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 排列中交换任意两个数字. 排列的逆序对个数的奇偶性会发生变化. 翻转这个过程其实就是len/2对数字发生交换. 交换了偶数次的话,不 ...

  3. CSU1660: K-Cycle

    Description A simple cycle is a closed simple path, with no other repeated vertices or edges other t ...

  4. setInterval()第一个参数带引号和不带引号的区别

    setInterval()第一个参数带引号和不带引号的区别:关于定时函数setInterval()的基本用法这里就不做介绍了,查阅相关教程即可,这里主要介绍一下setInterval()函数的第一个参 ...

  5. uiautomator_python使用汇总

    1.判断按钮状态 if d(resourceId="id",enabled=False): #判断当前按钮是否为未激活状态,为True则为激活状态2.获取toast提示语 d.to ...

  6. query中prop()方法和attr()方法的区别

    query1.6中新加了一个方法prop(),一直没用过它,官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值. 官方例举的例子感觉和attr()差不多,也不知道有什么区别,既然有了prop ...

  7. EventWaitHandle

    在查资料的过程中,我突然想到一个类:EventWaitHandle,也就是本文的主角. 这个类通过在线程之间设置信号量,可以非常方便的控制线程运行的顺序.具体代码如下: 首先全局申明: EventWa ...

  8. Java Web学习总结(12)——使用Session防止表单重复提交

    在平时开发中,如果网速比较慢的情况下,用户提交表单后,发现服务器半天都没有响应,那么用户可能会以为是自己没有提交表单,就会再点击提交按钮重复提交表单,我们在开发中必须防止表单重复提交. 一.表单重复提 ...

  9. 魅族MX5和努比亚布拉格手机參数对照

    想买个Android手机锁定魅族MX5和努比亚布拉格.两个官网翻来翻去的非常难取舍,自己列了一个表对比了一下參数,本人喜欢薄一点的手机.有feel.參数对比表例如以下: 手机 魅族MX5 努比亚布拉格 ...

  10. 关于JS面向对象继承问题

    1.原型继承(是JS中很常用的一种继承方式) 子类children想要继承父类father中的所有的属性和方法(私有+公有),只需要让children.prototype=new father;即可. ...