首页 > 代码库 > 兼容总结

兼容总结

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;

  }

兼容总结