IE6下使用float换行问题

最新推荐文章于 2018-07-06 15:22:49 发布
最新推荐文章于 2018-07-06 15:22:49 发布
阅读量340 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiao1215fei/article/details/39206203
版权

两个div框，第一div正常布局，第二个div用float:right;，在IE6下，第二个div会跑到第一个div的下一行，而在其它浏览器中，两个div在同一行。

解决办法：在html中先写第二个div，再写第一个div。

垃圾侠
关注
CSS之float在IE浏览器下换行问题解决方法
09-25
总结来说，a标签在IE浏览器下使用float属性出现换行的问题是由于浏览器之间的差异造成的。通过将a标签在HTML结构中提前可以解决这个问题，但更好的做法是利用现代CSS布局技术来避免这类问题的发生。随着Web标准的...
ie6 float bug问题
weixin_46095773的博客
06-28 140
恕我直言，ie6真是个坑，改了很多次，发现跟 margin ， padding其实并没有多大的关系，要说有关系，那也只能强加于他有内外边距，从而不能全部的容纳里面的float元素，本质的问题根源在于，包含 float 元素的外层 div，没有设置足够的宽度和高度，简单点说，这个容器没有足够的空间用来显示内部所有的 float 元素。 在网上找了两种方法，亲测有效 解决方案一：准确计算内部 float 元素加在一起占用的宽高，确保外层 div 在 css 中明确指定了具体 的 width 和 height 像
IE6 浏览器常见兼容问题 大汇总（23个）
Web前端开发经验记录
07-01 1491
IE6 浏览器常见兼容问题 大汇总（23个）   IE6以及各个浏览器常见兼容问题 大汇总 综述：虽然说IE6在2014年4月将被停止支持，但是不得不说的是，IE6的市场并不会随着支持的停止而立刻消散下去，对于WEB前端开发工程师来说，兼容IE6 兼容各个浏览器，依然是不得不面对的工作。 在此总结了常见的浏览器兼容问题，里面也有IE6的常见兼容问题，供大家分享。
解决ie6下兼容float 换行问题，解决ie6下padding的时候 宽度不自动扩展问题
cms专家
01-16 491
如果是换行的问题： 1.需要给浮动的元素加上一个固定的宽度。ie6好像不会自动增宽，默认直接就100%了，怎么调整都没用 比如 我要给ul 下li浮动 ul li{ float: left; overflow: hidden; margin: 12px 18px; background-color: #f9f9f9; padding: 10px 20px; border:1px
IE6 float:left; 间距变大问题
hyt48079287的专栏
02-07 1201
网上转载的方法主要是：display:inline 先看css代码: div { float:left; margin-left:10px; width:420px; height:150px; border:1px solid red } 这样设置左边距设置为10px，但IE6.0解
FF浏览器下float换行的问题解决方法(IE和Chrome正常)
09-25
代码在IE和Chrome能显示正常,但是在FF下就会有换行的问题,此问题让我很是疑惑，于是搜集整理了一些实用解决技巧，晒出来与大家一起分享，感兴趣的朋友可以参考下，希望本文对你学习浏览器兼容知识有所帮助，好了话不...
IE6浮动换行bug比较实用简单解决方法
09-25
其中，IE6的浮动换行bug是经常被提及的一个问题。本文针对IE6的浮动换行bug提出了一种实用且简单的解决方案。 首先，我们需要了解IE6浮动换行bug的成因。在IE6中，当使用浮动布局（float）时，子元素会脱离正常的...
IE7 float:right 右浮动时元素换行错位的bug解决方法
09-25
本文将详细讨论`float:right`在IE7中遇到的元素换行错位问题以及如何解决这个问题。 首先，我们需要理解`float`属性的工作原理。`float`属性允许元素脱离其正常文档流，向左或向右移动，直到其边缘碰到容器的边框或...
解决IE6下 float:left浮动换行的问题几种方法
weixin_30608131的博客
03-20 276
IE6下有不少奇怪的Bug，今天就碰到一个，float:换行bug，情况是并列的几个块级元素如div和span，一些设置了左浮动一些设置右浮动，一行的宽度足够放下所有的块级元素，但此时ie6则显示右浮动的其中一块换行了，下面给出实例和解决方法：实例说明下，代码如下：<div>< span class="left">左边</span>< span class...
解决ie6、ie7下float为right换行的情况
Sky___Ice的专栏
03-01 8368
原文地址：http://blog.sina.com.cn/s/blog_6ad6243801012q65.html IE6下有不少奇怪的Bug，今天就碰到一个，float:right换行bug，情况是并列的几个块级元素如div和span，一些设置了左浮动一些设置右浮动，一行的宽度足够放下所有的块级元素，但此时ie6则显示右浮动的其中一块换行了，下面给出实例和解决方法： 实例说明下：
Web前端 ie6似乎不支持float:left 解决办法
给力VSTO
10-10 1336
ie6似乎不支持float:left 解决方法 IE6里面不兼容,DIV没有打横排列,而显示成竖着排   两条语句让你的div变好    1、浮动的div 设置display:inline 2、浮动的div 加overflow:hidden 其他问题解决办法可参考：http://www.myexception.cn/h/1329770.html
IE6设置li的float:left，不能自适应宽的解决方法
Brook
01-26 1522
做个divcss页面，发现在IE6下，设置了li的float:left，LI就不能自适应宽度了，真TMD的无比的寂寞。。。。 CSS代码如下： .menu .nav li{float:left;} .menu .nav li a{color:#FFF;} .menu .nav li a:hover{color:#070707;} HTML代码如下：
【CSS笔记之五】IE6/IE7/IE8下float:right的异常及其解决方法
热门推荐
freshlover的专栏
05-03 2万+
示例分析代码： 安卓首页>安卓游戏> 角色育成 下载量排序时间排序 对应CSS样式代码： #channel_tit h1,#channel_tit h2{ background:none; font-size:14px; padding-left:10px; height:34px; line-height:34px; width:6
ie6浏览器不支持float:left 解决办法
小栋哟
07-06 912
ie6似乎不支持float:left 解决方法 IE6里面不兼容,DIV没有打横排列,而显示成竖着排   两条语句让你的div变好    1、浮动的div 设置display:inline 2、浮动的div 加overflow:hidden；ie6未修复前修复后：...
解决IE6兼容性问题：常见bug与对策
10. **li元素间的间距**：列表项li在IE6中默认有间距，通过设置li浮动（float:left）可以消除这个问题。 11. **行元素换行**：当块元素内有文字和右浮动的行内元素时，行内元素可能会换行。解决办法是将行内元素...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值