IE9 float Bug

最新推荐文章于 2018-09-13 15:39:31 发布
最新推荐文章于 2018-09-13 15:39:31 发布
阅读量121 收藏
点赞数
原文链接：http://www.cnblogs.com/byayn/p/3172073.html
版权

发现在IE6 IE7中的bug
float元素在非float元素之后会自动换行
IE8已解决，ie9还存在

解决办法：float元素写在非float元素之前
网上还有一些其他的解决办法可以参考。

 

转载于:https://www.cnblogs.com/byayn/p/3172073.html

weixin_30542079
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CSS之float在IE浏览器下换行问题解决方法
09-25
a标签float在IE等浏览器下换行的情况想必大家都有遇到过吧，解决方法很简单，就是把a标签放在文本前面，下面是具体的示例，需要的朋友了解下
解决ie浏览器不兼容浮动float的办法
菜鸟史
06-06 8142
一、并排在一行的两个div样式有这种情况：ie或者ff下对于子div设置float左的时候，如果另外的子div没有设置float左的话，两个浏览器下会有区别，具体有一个会产生间隙。兼容做法就是都设置float属性。但是记住有设置过float就要将float clear掉，不然下面的div会叠在已float的div上。我通常把清除浮动写成单独的放在所有浮动div的最下方。 二、在上述1情况中需
ie9兼容问题部分填坑
a734939283的博客
09-13 3855
ie9兼容问题部分填坑 Html 1.html5标签尽量不要使用 2.a标签的下载可以使用，但赋值失败。ie会下载出文件原名称。 css 1.flex布局不兼容，使用float解决。 2.图片大小在chrome中可以直接使用height:,会自动缩放，ie9中还需要设置width，否则图片容易变形。 3.渐变色例如 background: linear-gradient(to...
ie浏览器float兼容性
weixin_30387339的博客
01-16 569
在最近的项目中，遇到label、input、和button显示同一行，需求如下 实现代码，框架为react.js <label class="formGrid__label required_title" style={{ marginLeft: "-120px", width: "90px", paddingLeft: "10px" }} for="checkValue"&g...
IE7 float:right 右浮动时元素换行错位的bug解决方法
12-13
复制代码代码如下: <ul> <li><a>ss</a><a>dd</a></li> <li><a>ss</a><a>dd</a></li> </ul> 情景如上： 这次的情况与上次不同，上次设置浮动的元素没有设置...将margin-top写css hack适应IE7，对其赋负的值，慢慢调整
IE浮动边界BUG延伸探讨
10-31
### IE浮动边界BUG延伸探讨详解 #### 一、引言 在前端开发中，尤其是在处理老版本Internet Explorer浏览器兼容性问题时，经常会遇到各种各样的布局难题。其中一个典型的例子就是IE浮动边界BUG及其延伸现象。本文将...
IE6常见bug附解决方法
09-25
### IE6常见bug及其解决方法 #### 一、IE6怪异解析之padding与border算入宽高 **问题描述**： 在没有指定文档类型声明的情况下，IE6会使用其特有的“怪异模式”（Quirks Mode）来解析页面布局。在这种模式下，元素...
IE6的3像素 bug解决方案分享
09-25
3像素bug表现为在IE6浏览器下，当一个容器内的浮动元素（float样式）导致容器宽度超出预设值，或者父容器宽度与子容器宽度差小于3像素时，文本或图像会发生溢出，表现为额外复制字符。例如，原本显示为“下一页”的...
常见浏览器兼容问题整理（ie9及以上）
热门推荐
cl13735587201的博客
05-05 1万+
1.随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 解决方案：CSS里    *{margin:0;padding:0;} 2.几个img标签放在一起的时候，有些浏览器会有默认的间距，加了问题一中提到的通配符也不起作用。 解决方案：使用float属性为img布局 3.display:flex：IE10 也是支持部分功能。而 IE8 和 IE9 则完全不
修复IE7浮动元素自动换行的bug
weixin_30470857的博客
04-23 102
bug重现以及修复后的表现 　　　　 　　2. HTML源码 <!doctype html> <html> <head> <meta charset="utf-8"> <title>IE7浮动元素自动换行的bug</title> <style> ...
经济开发区智慧园区建设方案汇报.pptx
08-13
经济开发区智慧园区建设方案汇报.pptx
STM32资料，用来备份专用
08-13
这个不需要下载，个人使用的。。
Git 基础教程.pdf
最新发布
08-13
Git 基础教程.pdf
信息化发展规划之IT治理优化.pptx
08-13
信息化发展规划之IT治理优化.pptx
财务收入支出记账表.xlsx
08-13
工资表，财务报表，对账表，付款申请，财务报告，费用支出表，财务收支 适用人群：学习不同技术领域的小白或进阶学习者；可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
轴承装配机3D数模图纸 CREO设计_机械3D图可修改打包下载.zip
08-13
轴承装配机3D数模图纸 CREO设计_机械3D图可修改打包下载.zip
HTML5 DOCTYPE解决IE各版本浏览器兼容问题
2. **margin加倍问题**：当一个div设置为浮动（float）时，IE6会出现margin加倍的bug。解决办法是在该div上添加`display: inline;`属性，这样IE6会正确解析margin值。 3. **浮动元素产生的双倍距离问题**：在IE中，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值