规范：
1.计算一定要准确，不要让内容的高度超过我们设置的宽高【再IE6下，内容会撑开设置好的宽高】；
2.在IE6元素浮动，如果宽度需要内容撑开，就给里边的块元素都加浮动；
3.在IE6，7下元素要通过浮动并在同一行，就给这行的元素都加浮动；
4.注意标签嵌套规范（p标签不能嵌套块元素）；
1.IE6下最小高度问题
再IE6下元素高度小于19px的时候，会被当做19px来处理
解决办法：overflow:hidden
2.border——>1px dotted(1像素点线) IE6不支持
解决办法：切背景平铺
3.再IE6下解决上下margin传递要触发haslayout
解决办法：overflow:hidden;zoom:1;
4.IE6下双边距BUG
再IE6下，块元素有浮动和横向的margin值，横向的margin值会被放大成两倍
解决办法：display:inline
(margin-right：一行右侧第一个元素双边距；margin-left：一行左侧第一个元素双边距)
5.再IE6下父级有边框的时候，子元素的margin值消失
解决办法：触发父级的haslayout——>zoom:1;(尽量使用同一方向的margin)
6.再IE6下，li本身没浮动，但是li的内容有浮动，li下边就会产生一个间隙——>4px
解决办法：①给li加浮动(当IE6下最小高度和li间隙问题同时存在时，用)
②给li加vertical-align
7.在IE6下文字溢出BUG
子元素的高度和父级的宽度相差小于3px，两个浮动元素之间有注释内容或者内嵌元素
解决办法：①与父级宽度相差3px以上；②用div把注释或者内嵌元素包起来
8.当浮动元素和绝对定位元素是并列关系的时候，再IE6下绝对定位元素会消失
解决办法：给定位元素外面包个div，让他们不是并列关系
9.再IE6，7下元素有相对定位的话，父级的overflow包不住子元素
解决办法：给父级也加相对定位
10.在IE6下绝对定位元素的父级是奇数的时候，元素的right值和bottom值会有1px的偏差
解决办法：避免奇数
11.在IE6下输入类型的表单控件上下各有1px的间隙
解决办法：给input加浮动
12.在IE6,7，下输入类型的表单控件输入文字的时候，背景图片会跟着一块移动
解决办法：把背景加给父级 或者 给input元素设置background-attachment:fixed;
13.固定定位IE6不支持
解决办法：用js
14.不透明度
解决办法：opacity:0~1;filter:alpha(opacity=0~100);
15.IE6不支持png24图片
解决办法：①用JS插件（问题：不能处理body之上png24）
②原生滤镜
16.IE6不支持display:inline-block
解决办法：{*display:inline;*zoom:1;}
17.IE6,7父级的overflow:hidden是包不住子级的relative
解决办法：给父级加position:relative;
18.第一块块元素浮动，第二块元素加margin值等于第一块元素，再IE下会有间隙问题
解决办法：①不要这么写 ②用浮动去解决，不要用margin
19.再IE6下，在！important后边再加一条同样的样式，会破坏掉！important的作用，会按照默认的优先级顺序走
网友评论