项目中,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. 怎样将OpenStack部署到Hadoop

    随着信息时代的快速发展,大数据技术和私有云环境都非常实用;只是,假设将两者结合在一起.企业会获得巨大的利润.虽然结合两者会让环境变得更复杂.企业仍然能够看到将 OpenStack 私有云和 Apach ...

  2. 108.sqllite3(C语言数据库库)详解

    //创建数据库,插入表,生效 //创建数据库,插入表,生效 void create_database() { //数据库指针 sqlite3 *db=; //打开数据数据库,初始化指针 int res ...

  3. 1.11 Python基础知识 - 序列:元组

    元组(tuple)是一组有序系列,元组和列表是否相似,但是元组是不可变的对象,不能修改.添加或删除元组中的元素,但可以访问元组中的元素 元组的定义: 元组采用圆括号中用逗号分隔的元素 元组的基本操作和 ...

  4. python内存增长问题

    如果你的程序没有调用什么特殊的库, 只是用了很平常的库, 而且使再循环很多的情况下, 那么建议你把循环里的程序拆出来,写成一子函数,循环子函数. 如下面格式: for   (循环) 子函数 这样程序每 ...

  5. GO语言学习(十二)Go 语言函数

    Go 语言函数 函数是基本的代码块,用于执行一个任务. Go 语言最少有个 main() 函数. 你可以通过函数来划分不同功能,逻辑上每个函数执行的是指定的任务. 函数声明告诉了编译器函数的名称,返回 ...

  6. ASM学习笔记--ASM 4 user guide 第一章翻译

    ASM是什么? 借用别人的话 :ASM 是一个 Java 字节码操控框架.它能被用来动态生成类或者增强既有类的功能. ASM 可以直接产生二进制 class 文件,也可以在类被加载入 Java 虚拟机 ...

  7. TabControl控件重绘

    原文地址:http://www.codeproject.com/Articles/91387/Painting-Your-Own-Tabs-Second-Edition 在网上看到重绘TabContr ...

  8. JS学习笔记 - fgm练习 2-11- 改变图片路径 var img = new Image(); 图片预加载

    <style> *{ margin: 0;padding: 0; list-style: none; } body{ background: black; } .outer{ margin ...

  9. Loadrunner--运行场景报Socket descriptor not found错误

    今天早上在使用LoadRunner时,报了如下的错误,开始并未看错误以为是录制问题引起,就重新录制了一遍,简单施压看看错误是否还有,结果错误仍然有,如下所示: Error: Socket descri ...

  10. unmapping error

    否则,会映射一个Getch的器件,就会报unmapping 的error