兼容总结

Posted 2020-08-23 学以致用

1、css中设置div高度兼容（兼容ie8，ie9，谷歌，360，火狐等）

 <div style="border: 1px solid red; width: 100px; padding: 10px;"></div>
  在Firefox中，div的完整宽度是padding+width，因此width: 100px; padding: 10px;的实际宽度是120px;而在IE6中，div的完整宽度是width，即100px;通过!important标记，可以设置Firefox中的width值为IE6中的width值减去padding值，以此实现Firefox与IE6的padding效果尺寸兼容，但是IE5。5和IE6并不支持!important，在其他浏览器（IE7、IE8、IE9、Firefox、Google Chrome、Safari）中，这个属性及值是支持的，并且!important优先权比较高，所以对于这些浏览器来说，其兼容写法可以这样写：

　　div{

　　　　height:auto!important;

　　　　height:100px;

　　}