- 如果ie6设置span的display为 inline-block或者block 那么span的高度你会发现无法设置成20像素以下，以为ie6的盒模型 最小高度是20像素。如果想设置成更小，要用overflow=hidden ;
- 如果Ie6设置了float为left，有时你会发现容器的margin变成了原来的两倍（不尽然准是两倍），解决办法是增加 display=inline 属性。
- 有时候你会发现你写的一句话莫名奇妙的被Ie6自动复制了几个字并显示出来。出现这种情况基本有两种：1文档的float样式，如果有这个样式，那么就看能不能不用这个样式来实现或者加上‘clear:both’清除浮动。2 检查一下代码中是否包含了注释<!----> 能去掉就去掉吧，网上有个公式 溢出文字 = 注释条数 x 2 -1 当溢出的字数大于总字数时，文字区块就会消失。
- 有时候你会发现在非ie下 外部容器不能被内部内容撑开，那就检查一下内部的标签是否有float标签，如果有的话那么解决办法有两个，一就是把外部容器也float，但是这样容易改变布局，还有个办法就是在外部容器内部的底部增加一个标签并设置成clear=both
- IE6/7 貌似都不支持块元素的display:inline-block，注意！是块级元素不支持。ie的解决办法是先使用 display:inline-block 属性触发块元素，然后再定义 display:inline，让块元素呈递为内联对象（两个display 要先后放在两个 CSS 声明中才有效果，这是 IE 的一个经典 bug ，如果先定义了 display:inline-block，然后再将 display 设回 inline 或 block，layout 不会消失）然后触发块元素的 layout（如：zoom:1 等）
- png图片的透明问题相信很多人至今仍在头疼吧。其实ie6也是支持png透明的，不过只支持png8索引色的透明度，我们一直头疼的透明度问题其实是因为png图片保存为了alpha 透明度。如果你遇到了这样的问题，请尽量将png图片保存为png8索引色透明度，如果要求的色彩什么比较严格而必须用alpha透明度，只有写hack或者用第三方文件解决。
- 3像素bug,ie6下的经典bug（日，这也能成经典。）一般这种情况是因为两个兄弟元素，一个使用了float，一个没有。其实如果一个容器内的子元素用了float，最好都用float，这样问题就不存在了。没有的话也可能解决，就是将float的元素，如果是left的话就使用_margin-right:-3px;反之就相反。就解决了。
- 双边距问题，也是tmmd 经典，同样也是float引起的问题，如果一个元素使用了float同样也是用了margin，那么就会发现在ie6下margin变成了设置值得两倍。这个问题ie7已经解决了。所以解决办法有两个，1是老办法hack,_margin_left(right)为原来的1/2;2004年后有了更好的解决办法: _display:inline;
css兼容的问题 -持续更新
2019-06-01
728
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
如果ie6设置span的display为 inline-block或者block 那么span的高度你会发现无法设置成20像素以下，以为ie6的盒模型 最小高度是20像素。如果想设置成更小，要用overflow=hidden ;
如果Ie6设置了float为left，有时你会发现容器的margin变成了原来的两倍（不尽然准是两倍），解决办法是增加 display=inline 属性。
目录
相关文章
|
Web App开发
编解码
移动开发
|
存储
移动开发
前端开发
2023年最新前端面试题汇总大全（含答案超详细，HTML,JS,CSS汇总篇）-- 持续更新6
2023年最新前端面试题汇总大全（含答案超详细，HTML,JS,CSS汇总篇）-- 持续更新
319
0
0
|
存储
资源调度
前端开发
2023年最新前端面试题汇总大全（含答案超详细，HTML,JS,CSS汇总篇）-- 持续更新8
2023年最新前端面试题汇总大全（含答案超详细，HTML,JS,CSS汇总篇）-- 持续更新
386
0
0
|
存储
Web App开发
移动开发
2023年最新前端面试题汇总大全（含答案超详细，HTML,JS,CSS汇总篇）-- 持续更新 2
2023年最新前端面试题汇总大全（含答案超详细，HTML,JS,CSS汇总篇）-- 持续更新
576
0
0
|
6月前
|
前端开发
JavaScript
容器
|
前端开发
JavaScript
UED
|
Web App开发
编解码
弹性计算
|
Web App开发
移动开发
前端开发
|
存储
JSON
缓存
2023年最新前端面试题汇总大全（含答案超详细，HTML,JS,CSS汇总篇）-- 持续更新7
2023年最新前端面试题汇总大全（含答案超详细，HTML,JS,CSS汇总篇）-- 持续更新
347
0
0
|
Web App开发
编解码
移动开发
2023年最新前端面试题汇总大全（含答案超详细，HTML,JS,CSS汇总篇）-- 持续更新 5
2023年最新前端面试题汇总大全（含答案超详细，HTML,JS,CSS汇总篇）-- 持续更新
356
0
0
热门文章
最新文章
1
CSS 居中方法总结
2
纯CSS3实现宽屏二级下拉菜单
3
CSS3实现多样的边框效果
4
CSS3-实现单选框radio的小动画
5
使用 CSS3 实现 3D 图片滑块效果【附源码下载】
6
CSS3实现时间轴效果
7
【HTML+CSS+JS】前端三剑客实现3D旋转照片墙
8
05.javascript访问CSS
9
CSS3中的选择器
10
Css:背景色透明，内容不透明之终极方法！兼容所有浏览器
1
使用CSS中的cursor属性值，常用的可设置参数，以及其他16中参数值的使用场景和示例代码
72
2
技术心得：xpath、CSS定位方法
46
3
【UI】 elementui的dialog弹窗打开时CSS的BUG | 滚动条消失bug
162
4
CSS【详解】对齐 （含文本垂直对齐，文本水平对齐、单行文本垂直居中、多行文本垂直居中、6 种方案块级元素水平垂直居中 、7 种方案图片水平垂直居中、文本自适应对齐、图标和文本对齐，图片和文本对齐等）
76
5
CSS【详解】布局 display （ 含 flex 布局，grid 布局，table 布局，float 布局，响应式布局 等）
142
6
CSS【详解】定位 position （静态定位 static -- 文档流排布 、相对定位 relative、绝对定位 absolute、固定定位 fixed、黏性定位 sticky）
51
7
CSS【详解】长度单位 （ px，%，em，rem，vw，vh，vmin，vmax，ex，ch ）
74
8
CSS 【详解】样式选择器（含ID、类、标签、通配、属性、伪类、伪元素、Content属性、子代、后代、兄弟、相邻兄弟、交集、并集等选择器）
159
9
使用HTML和CSS创建响应式表格
165
10
常见的css优化方案都有那些
51