css与javascript跨浏览器兼容性总结.docVIP

css与javascript跨浏览器兼容性总结 一、CSS样式兼容性 1. float 闭合（clearingfloat） 网页在某些浏览器上显示错位很多时候都是因为使用 了 float浮动而没有真正闭合，这也是div无法自适应高 度的一个原因。如果父div没有设float而其子div却设 了 float的话，父div无法包住整个子div,这种情况一般 出现在一个父div下包含多个子div。解决办法： 1）给父div也设上f loat 2）在所有子div后新加一个空d iv （目前ext是这么 做的），比如： .p arent{width : lOOpx;} .sonl{float:left:width:20px;} .so n2 {float: le ft; width: 80 px;} .clea r {clear:bot h;margin:0; pardingO;he ight :0px;fo nt~size:0px :} It;dive lass=parent gt; lt;div class=sonlg t; It ;/divgt : It; divc 1 ass=son2gt; It ;/divgt; It; divclas s=cleargt: 1 t: /divgt: It :/divgt; 3）万能float闭合 将以下代码加入globa less中，给需要闭合