项目中,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. [Javascript AST] 1. Continue: Write a simple Babel plugin

    We want to write a Babel Plugin, which move 'const versionRegex = /(/d+)\.(/d+)\.(/d+)/gi' out of fu ...

  2. Accelerated C++:通过演示样例进行编程实践——练习解答(第9章)

    我的Github地址:https://github.com/lanbeilyj/Accerlerated-C-plus-plus 9-0. Compile, execute, and test the ...

  3. CentOS6重启后DNS被还原的解决办法

    CentOS6重启后DNS被还原的解决办法 http://luyx30.blog.51cto.com/1029851/1070765/ centos6.5的64位系统,修改完/etc/sysconfi ...

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

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

  5. Android BuildConfig:Gradle自定义你的BuildConfig

    在很早之前我发布了这篇博客Android BuildConfig.DEBUG的妙用, 提到了Eclipse中通过BuildConfig.DEBUG字段用来调试Log非常好用,但是殊不知在Android ...

  6. 原生js大总结五

    041.在js中如何用方法将10进制的字符转换成16进制和8进制   数字.toString(16) 数字.toString(8)     042.如何创建时间对象   new Date()   04 ...

  7. C# exe文件 添加到windows 服务

    我们运行.net的发布工具installutil.exe来添加到windows服务里面(该工具默认在C:\WINDOWS\Microsoft.NET\Framework\v2.0.50727目录下) ...

  8. Android Material风格的应用(三)--DrawerLayout

    添加抽屉导航 Android Material风格的应用(一)--AppBar TabLayoutAndroid Material风格的应用(二)--RecyclerViewAndroid Mater ...

  9. cocos 关于文件名称的各种坑 各种斜杠坑

    cocos 全部文件路径 的斜杠 必须 用 /  而不能够用 \ 不然编译到安卓各种坑 相对路径 第一个字符不可 带 / /*比如 res/test.png 这样的应该是标准的 /res/test.p ...

  10. 23、V4L2应用编写及各个ioctl涉及结构体说明分析

    常用的结构体在内核目录include/linux/videodev2.h中定义 struct v4l2_requestbuffers  //申请帧缓冲,对应命令VIDIOC_REQBUFSstruct ...