`

ie6似乎不支持float:left 解决方法

 
阅读更多

IE6里面不兼容,DIV没有打横排列,而显示成竖着排

 

两条语句让你的div变好  
  
1、浮动的div 设置display:inline
2、浮动的div 加overflow:hidden

分享到:
评论

相关推荐

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

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

    IE6 float:left margin-left出现两倍像素

    在IE6下(标准模式/怪异模式) 一个元素向左浮动(float:left),且添加了向左空白边(margin-left:10px),那么会自动的加一倍变成30px。 例: 复制代码代码如下: <!DOCTYPE HTML> <html> <head> <...

    float:left的对象(导航)如何居中示例探讨

    我们在做导航(nav)时,通常会用到float:left;但是这样做的话,让导航文本水平...[参与测试的浏览器:IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 ] [操作系统:Windows] 复制代码代码如下: <!DOCTYPE htm

    div-css-漂亮的导航条

    #tabs6 a span {float:none;} /* End IE5-Mac hack */ #tabs6 a:hover span { color:#FFF; } #tabs6 a:hover { background-position:0% -42px; } #tabs6 a:hover span { background-position:100% -42px; ...

    IE6/IE7/IE8/Firefox的CSS各种兼容margin问题解决办法

    外置 .main{ float:left;#float:none;... } 第1行给Firefox以及其他浏览器看 第2行给safari/IE6/iE7看,如果safari/IE6/iE7 视觉效果不统一,就要在后面跟IE6/IE7的定义 第3行给IE7看 第4行给IE6以及

    IE6浮动换行bug比较实用简单解决方法

    我将介绍的是IE6浮动换行bug解决办法之一 虽然不是最好的办法但是 比较实用简单的办法 看代码: 复制代码代码如下: .main { clear: both; height: auto; margin: 0 auto; overflow: hidden; width: 980px; } ....

    IE6特有bug兼容性问题整理

    定位的,IE6只能说是半支持,好吧,这么说吧,可能不太严谨,就是背景图片固定的效果似乎只在根结点起作用。举个很简单的例子: 先看这段css代码: body{background:url(../image/404.png) no-repeat fixed center ...

    img图片在ie下有有空隙

    好久没出现img中的空隙啦 平时写全局样式的时候很注意 用到什么标签及时的内外边距清零 该清除浮动的,必定手不软的clear:both ...1,img{float:left} 2,img{display:block} img图片在ie下有有空隙www.jqueryba.com

    IE6无法识别伪对象:first-letter和:first-line解决方法

    我目前就是碰到了一个麻烦,IE6无法识别伪对象:first-letter和:first-line,换浏览器只是其中比较笨的一种方法,参考了相关的资料和文献,发现也可以通过代码调试来改变,目前,有找到了两种相关联的方法。...

    IE6下兼容性常见的几个问题与解决方法

    这篇文章给大家分享了多个关于IE6下兼容性的常见问题,有需要的朋友们下面来一起学习学习吧。 常见问题一:在Ie6下,内容会把父元素设置好的宽高撑开。计算一定要精确 .box{width:400px;} .left{width:200px;height:...

    IE8下CSS3选择器nth-child() 不兼容问题的解决方法

    一、代码 <style>...float:left;} div ul li:nth-child(1){background:#f00;} div ul li:nth-child(3){background:#ccc;} </style> <li>11 <li>22 <li>33 二、预览效果 如上图

    在IE下:float属性会影响offsetTop的取值

    没有使用float:left;取的到值是正常值200; <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”...

    li float后IE下有空格

    复制代码代码如下: <ul> <li><a>LINK</a></li> <li><a>LINK</a></li> <li><a>LINK</a></li> <li><a>LINK</a></li> <li><a>...} IE里面在没定义li宽度的时候LINK后面会有空格,只要里面的a也加上float:left问题就解决了

    IE6的双倍,3px,注释引起的文字错位等几个BUG解决方法

    解决办法: IE6默认字号是12pt,默认行高是normal。 找到原因就好解决了,给DIV加上:font-size: 0px; 2、IE6双倍浮动BUG及解决办法 比如 复制代码代码如下: #div1 { float:left; margin-left:10px; width:200px; ...

    div CSS技巧

    这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline; 例如: ”imfloat”> 相应的css为 #IamFloat{ float:left; margin:5px;/*IE下理解为10px*/ display:inline;/*IE下再理解为5px*/}

    css浏览器兼容性前端人员的必备

    这是一个ie6都存在的bug。 解决方案是在这个div里面加上display:inline; 例如: ”imfloat”> 相应的css为 #IamFloat { float:left; margin:5px;/*IE下理解为10px*/ display:inline;/*IE下再理解为5px*/ }

    select选项过长无法显示设置overflow:hidden在IE9中不起作用

    在下图中有一个dojo的select,当选项过长,在IE9中没法显示正确。 css设置如下,overflow:hidden没有起作用。 复制代码代码如下: .my-select { max-width: 200px; overflow: hidden; word-break: break-all; text-...

    一个挺常用的float布局div问题解决方法

    float:left; height:0px; width:100%; overflow:hidden; font:0pt;/* 蛋疼的IE6你懂的*/ 的伪换行符div 后面还加了个clear:both;的div来清除浮. 问题来了,在IE8/IE9/chrome里面,怎么捣鼓,都没出什么问题~ 这...

Global site tag (gtag.js) - Google Analytics