前端开发中常见的一下漏洞bug

标签：firefox   浏览器   display   hidden   超链接   

1、IE6下横向双倍margin bug (触发条件：块属性标签；float；横向margin设置；IE6下。解决办法：css中加入display:inline。)

2、css中公用属性首先声明；如对浏览器对某些标签有默认的margin 和padding 值首先声明默认值为0。

3、css中class类名必须有实际的意义，必须与内容相关；不得用纯数字用于class类名。

4、IE6下标签嵌套时，如果内层标签float，只有清除内层标签的浮动后外层标签才能被撑开。

5、清除浮动时用div而不用其它标签清除浮动；


 .clear {height:0;clear:both;overflow:hidden;}



6、IE6下定义1px的高度或定义小于等于10px的高度；IE6下默认行高是10px，解决办法是：overflow：hidden / zoom:0.08 / line-height:1px。

7、超链接点击过后就不在出现hover样式？解决方法是：改变css属性的排列顺序L--V--H--A。

8、使用群组选择器时，class名之间必须用空格隔开，否则firefox将不会读取CSS命令。

前端开发中常见的一下漏洞bug

标签：firefox   浏览器   display   hidden   超链接   

原文地址：http://10118517.blog.51cto.com/10108517/1631585