Tag : liu-lan-qi
Tag : liu-lan-qi
1.发生环境 ie7-
当overflow:auto时,高度或者宽度其中一项设定为100%,另一项实际数值超过了设定数值时
理想效果:超出设定数值的一侧出现滚动条
实际效果:设定100%的一侧也出现的滚动条
处理:去除100%设定
2.发生环境 ie7-
当overflow:auto时,宽高都设定了max值,当一边超出了max值时
理想效果:超出max值的一边出现滚动条
实际效果:没超出max值的另一边也出现滚动条
处理:去除max属性
3.发生环境 ie7-
当button设定了padding
理想效果:正常显示
实际效果:文字越多padding值留白越大
处理:添加overflow:visible属性
4.发生环境 chrome
js获取屏幕当前滚动高度
chrome方法:document.body.scrollTop
其他浏览器方法:document.documentElement.scrollTop
处理:var top = document.body.scrollTop || document.documentElement.scrollTop
5.发生环境 除chrome外
当容器设定了padding并且overflow设定出现滚动条时
理想效果:padding正常显示
实际效果:padding显示不正常
处理:去除padding值
6.发生环境 ie7-
当容器设定了display:inline-block
理想效果:包裹内部block
实际效果:不包裹
处理:去除inline-block
7.发生环境 ie7-
当容器设定了display:block;然后设定了position: absolute;
理想效果:元素垂直显示在原始位置
实际效果:元素响应了display:inline-block
处理:在该元素外添加一层
8.发生环境 ie6
当容器设定了position: absolute;然后设定top,left,bottom,right
理想效果:元素拉伸
实际效果:元素没拉伸
处理:用width,height来设定具体拉伸范围
9.发生环境 ie7-
当容器设定了position: absolute;然后设定top,left,bottom,right,width=%,margin:auto;
理想效果:元素居中显示
实际效果:元素没居中
处理:width设定具体数值,不用%
10.发生环境 ie7-
当容器设定了清除浮动
理想效果:浮动效果清除
实际效果:浮动效果存在
处理:
/*添加在浮动子元素的父级上*/ .clearfix:after{content:"";display:block;height:0;overflow:hidden;clear:both;} .clearfix{*zoom:1;} /*或者*/ .clearfix:after{content:"";display:table;clear:both;} .clearfix{*zoom:1;} |
10.发生环境 ie8-
当容器设定了min-width 或者 min-height
理想效果:自动撑大
实际效果:撑大失败
处理:添加_width或者_height
持续添加中~
Categories: 前端开发