ie6浏览器不支持float:left 解决办法

最新推荐文章于 2021-06-03 15:45:23 发布
原创 最新推荐文章于 2021-06-03 15:45:23 发布 · 969 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js #JavaScript #web前端 #ie

本文介绍了解决IE6浏览器中float:left显示异常的问题。通过设置display:inline及overflow:hidden两个样式属性，可以有效地让DIV元素在IE6中正常横向排列。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

ie6似乎不支持float:left 解决方法 IE6里面不兼容,DIV没有打横排列,而显示成竖着排   两条语句让你的div变好    

1、浮动的div 设置display:inline 2、浮动的div 加overflow:hidden；


ie6未修复前


修复后：


QQ在线客服浮动代码兼容IE6,7,8、Firefox、Opera、Chrome
10-31
QQ在线客服浮动代码兼容IE6,7,8、Firefox、Opera、Chrome
IE7 float:left左浮动失效的解决方法
09-25
本文将深入探讨IE7中`float:left`失效的问题及其解决方案。 在标准浏览器如Firefox和Chrome中，`float:left`属性能够正常工作，使得具有该属性的元素如`div id="b"`和`div id="c"`会在同一行内并排显示，直到容器...
Web前端 ie6似乎不支持float:left 解决办法
给力VSTO
10-10 1374
ie6似乎不支持float:left 解决方法 IE6里面不兼容,DIV没有打横排列,而显示成竖着排   两条语句让你的div变好    1、浮动的div 设置display:inline 2、浮动的div 加overflow:hidden 其他问题解决办法可参考：http://www.myexception.cn/h/1329770.html
ie6似乎不支持float:left 解决方法
匣子疯子
04-27 137
IE6里面不兼容,DIV没有打横排列,而显示成竖着排   两条语句让你的div变好    1、浮动的div 设置display:inline 2、浮动的div 加overflow:hidden
解决IE6下 li 的 float:left 自动换行
weixin_30342209的博客
07-10 227
解决IE6下 li 的 float:left 自动换行？ 当 li 过多时，一行显示不完，在除了IE6的浏览器都会自动换行，整个 li 另起一行显示， 但在IE6下，是把 li 给折断显示。答案很简单只需在li加上{white-space:nowrap;}扩充white-space属性设置如何处理元素内的空白。这个属性声明建立布局过程中如何处理元素中的空白符可能的值 值 描述 norm...
IE浏览器网页css中万能的float
mole的专栏
01-04 576
在制作网页的时候，布局定位始终是比较麻烦的事情。针对IE的布局，一个万能属性不可不设，那就是float属性。这个属性不设，会出现很多意想不到的事情发生。当然，要让该属性生效，还必须设置position属性。
IE6 float:left margin-left出现两倍像素
09-25
在互联网早期，IE6浏览器的市场份额非常高，但其对CSS的支持并不完善，导致了各种各样的bug。其中一个被广泛讨论的问题是当元素应用了浮动属性(float:left)并设置左侧边距(margin-left)时，这个边距值会被错误地加倍...
css 跨浏览器实现float:center
10-30
此方法在大多数现代浏览器中都能很好地工作，但对于老旧的浏览器，如IE6和IE7，可能需要额外的CSS hack来确保兼容性。例如，可以使用`display: inline-block`和`text-align: justify`来实现类似的效果，但这可能会...
float:left的对象(导航)如何居中示例探讨
01-19
我们在做导航（nav）时，通常会用到float：left;但是这样做的话，让导航文本水平...[参与测试的浏览器：IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 ] [操作系统：Windows] 复制代码代码如下: <!DOCTYPE htm
IE6下导航栏li标签设置float属性后宽度不能自适应的解决办法
iteye_15447的博客
01-08 233
下面是网页设计中最常用的导航栏设计代码   &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;xxxxxxx&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;xxxxxx&lt;/a&gt;&lt;/li&gt
解决IE6下 float:left浮动换行的问题几种方法
weixin_30608131的博客
03-20 308
IE6下有不少奇怪的Bug，今天就碰到一个，float:换行bug，情况是并列的几个块级元素如div和span，一些设置了左浮动一些设置右浮动，一行的宽度足够放下所有的块级元素，但此时ie6则显示右浮动的其中一块换行了，下面给出实例和解决方法：实例说明下，代码如下：<div>< span class="left">左边</span>< span class...
解决ie6下兼容float 换行问题，解决ie6下padding的时候 宽度不自动扩展问题
cms专家
01-16 536
如果是换行的问题： 1.需要给浮动的元素加上一个固定的宽度。ie6好像不会自动增宽，默认直接就100%了，怎么调整都没用 比如 我要给ul 下li浮动 ul li{ float: left; overflow: hidden; margin: 12px 18px; background-color: #f9f9f9; padding: 10px 20px; border:1px
IE6/IE7/IE8下float:right的异常及其解决方法
weixin_34195546的博客
01-08 190
1、最简单的方法就是调换顺序，将需要右浮动的元素写在前面。写成这样：&lt;h2&gt;&lt;a href="#"&gt;更多&amp;gt;&amp;gt;&lt;/a&gt;小标题&lt;/h2&gt; 。但是我们觉得这样排列顺序的写法有违背html文档语义化的嫌疑，因此，不建议大量使用这种写法。 上述实例代码改为如下顺序，IE下避免了换行，得到正确的排版效果。   2、父标签使用相对...
解决ie浏览器不兼容浮动float的办法
菜鸟史
06-06 8236
一、并排在一行的两个div样式有这种情况：ie或者ff下对于子div设置float左的时候，如果另外的子div没有设置float左的话，两个浏览器下会有区别，具体有一个会产生间隙。兼容做法就是都设置float属性。但是记住有设置过float就要将float clear掉，不然下面的div会叠在已float的div上。我通常把清除浮动写成单独的放在所有浮动div的最下方。 二、在上述1情况中需
属性操作-浮动cssFloat（兼容IE6、7、8）
erdouzhang
07-06 1052
html： "button" id="inp"> div id="box">div> css： style> #box { width: 100px; height: 100px; background-color: pink; float: right; } style> javascript:
html浮层无效,浮动层没有内容在IE下失效bug
weixin_30985047的博客
06-03 249
问题描述：在IE浏览器下，浮动层如果没有内容或者未设置过背景之类，当这个层浮动在正常内容的上面时，添加到浮动层上面的事件，如 click，mouseover等事件，当触发点在有正常内容的部分，不会响应事件，只有在没有内容的部分才会响应事件。其他浏览器如 firefox，chrome不会出现这种问题。通过IE的开发人员工具得到下图点击蓝色框框之内没有文字内容的部分，可以响应click事件，但是点击浮...
IE7 float:left失效的解决方法
ForeverCjl的专栏
11-14 3872
情景代码如上。 在FIREFOX和CHROME等浏览器中，b和c会左对齐显示于两排，但在IE7下却不是。 在IE7下，b和c会显示在同一排，并且c会比b稍微低一点。 解决这个bug的方法是在IE7下给c设置固定宽度，并且宽度要大于 a - c 的宽度。
浏览器兼容性详解：IE6与IE7的困扰与解决方案
10. **CSS表达式（Expression）**：IE6和IE7支持CSS表达式，这是一种动态计算属性值的方式，但现代浏览器不支持，且性能较差，应尽量避免使用。 11. **浮动元素父级高度塌陷**：IE6和IE7中，如果浮动元素的父级没有...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值