IE6bug总结:

1.双边距bug产生原因
margin的方向与浮动的方向相同

解决方法:
浮动的元素身上加 display:inline;

------------------------------------------------------------

2.最小高度bug产生原因
IE6 下一个div有宽度,高度最小不是0而是字体大小

解决方法:
给 div height:0; 并且 overflow:hidden;
或者font-size:0; 并且 line-height:0;

------------------------------------------------------------

3.子级元素大于父级的时候会撑开父级【标准的浏览器超出父级不显示】

解决方法:
给父级 overflow:hidden;

------------------------------------------------------------

4.IE6不支持子级的margin负值

解决方法:
子级身上加 position:relative;

------------------------------------------------------------

5.IE5不支持margin: 0 auto属性【如:居中】(IE6支持)

解决方法:
使用定位:position:relative; left:50%; margin-left:-width/2;

------------------------------------------------------------

6.IE6中当行内元素和行内块元素(input元素)共处一行时,line-height失效

解决方法:
input 加 margin-top 等于 (父级高度-input高度20px)/2

------------------------------------------------------------

7.li不浮动,子元素浮动的时候会在每个li中间出现3像素的缝隙

解决方法:
将li设置vertical-align:top;

------------------------------------------------------------

8. IE6下 两个浮动元素,宽度都是width:100%
在浮动元素间加注释就会多出几个字

解决方法:

1.给元素加background:none;
2.在出现重复字符的盒子里面加上_margin-right:-3px;

【_属性名:属性值(_margin-right:30px):盒子右边距离30px,如果有下划线,该属性只能被IE6支持】

------------------------------------------------------------

IE6 bug总结的更多相关文章

  1. IE6 Bug overflow:hidden失效

    下面就是我所收集或遇到的IE6 Bug之一:overflow:hidden失效 当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时,父元素的overflow:hidd ...

  2. 写出几种IE6 BUG的解决方法

    1.双边距BUG float引起的  使用display:inline 2.3像素问题 使用多个float和注释引起的 使用dislpay:inline -3px   3.超链接hover 点击后失效 ...

  3. IE6 BUG 汇总

    1.IE6双倍边距bug 当页面内有多个连续浮动时,如本页的图标列表是采用左浮动,此时设置li的左侧margin值时,在最左侧呈现双倍情况.如外边距设置为10px, 而左侧则呈现出20px,解决它的方 ...

  4. input border IE6 bug

    border:none;与border:0;的区别体现有两点:一是理论上的性能差异二是浏览器兼容性的差异. 1.性能差异[border:0;]把border设为“0”像素虽然在页面上看不见,但按bor ...

  5. 前端布局常见IE6 bug的解决方法,清除浮动的几种方法以及各自的优缺点

    相信有很多前端的朋友再布局的时候经常面对IE6咬牙切齿,尤其是刚刚入行的朋友,在这里给大家一点常见问题的解决方案,希望对大家有所帮助 1)png24位的图片在iE6浏览器上出现背景,解决方案是做成PN ...

  6. IE6 BUG及解决方案

    1.IE6中奇数宽高的BUG 一个外部的相对定位div,内部一个绝对定位的div(right:0) 可是在IE6下查看,却变成了right:1px的效果了: 解决方案就是将外部相对定位的div宽度改成 ...

  7. HTML+CSS+jQuery 纵向导航 && 横向导航 && 消除IE6 BUG && 感悟怎样学习

    <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content ...

  8. ie6 bug 收集

    1.IE6中奇数宽高的BUG IE6下查看,变成了right:1px的效果了: IE6还有奇数宽高的bug,解决方案就是将外部相对定位的div宽度改成偶数.高度也是一样的查看源码: CSS代码: #o ...

  9. IE6 BUG margin 两倍

    触发条件: 父元素包含子元素 子元素设置了浮动(float) 子元素设置了外边距(margin) 浮动方向和边距方向一致 解决方案: 给该子元素添加 display:inline;

随机推荐

  1. 一张图入门git系列

    github地址:https://github.com/521xueweihan/git-tips

  2. Git之忽略提交 .gitignore

    1.touch .gitignore  创建忽略文件,若此文件已存在,请忽略这一步 2.vi .gitignore   编辑忽略文件,将需要忽略的文件添加到忽略文件中 3.git status 发现忽 ...

  3. 洛谷P1291 百事世界杯之旅

    P1291 百事世界杯之旅 题目描述 “……在2002年6月之前购买的百事任何饮料的瓶盖上都会有一个百事球星的名字.只要凑齐所有百事球星的名字,就可参加百事世界杯之旅的抽奖活动,获得球星背包,随声听, ...

  4. [Xcode 实际操作]二、视图与手势-(8)UIView视图的纹理填充

    目录:[Swift]Xcode实际操作 本文将演示将导入的图片作为纹理,平铺整个屏幕. 往项目中导入一张图片. 点击底部左下角的图标->[Import]->选择需要导入的图片->[O ...

  5. Windows 2008 R2 如何安装.net framework 3.5

    服务器中安装sql server2012 ,  安装过程中提示没有此 “ Framework 3.5.1 功能 ” , 是不是很尴尬 于是简单记录安装 Framework 3.5.1 功能的步骤 一. ...

  6. __enter__,__exit__上下文管理协议

    上下文管理协议__enter__,__exit__ 用途或者说好处: 1.使用with语句的目的就是把代码块放入with中执行,with结束后,自动完成清理工作,无须手动干预 2.在需要管理一些资源比 ...

  7. java如果去除中间空格,就不能用trim()这个方法了

    public class Hello { public static void main(String[] args){ String text = "12v 4 6 5 55"; ...

  8. 17995 Stupid thief 组合数学

    17995 Stupid thief 时间限制:1000MS  内存限制:65535K提交次数:0 通过次数:0 题型: 编程题   语言: 不限定 Description A stupid thie ...

  9. systemback-----做你折腾的后盾

    http://imcn.me/html/y2015/24421.html ubuntu的系统还原工具,最近在学习grunt,要安装nodejs 等一些依赖,对于有轻微系统洁癖的我来说是个好的解决方案, ...

  10. Spring源码:Spring IoC容器加载过程(2)

    Spring源码版本:4.3.23.RELEASE 一.加载XML配置 通过XML配置创建Spring,创建入口是使用org.springframework.context.support.Class ...