IE和ff的兼容技巧

兼容技巧:

1、FF下给div 设置padding 后会导致width和height 增加, 但IE不会.(可用!important解决) ;

 2、居中问题:1).垂直居中.将line-height 设置为当前 div 相同的高度, 再通过vetical-align: middle.( 注意内容不要换行.)。

        2).水平居中. margin: 0 auto;(当然不是万能) 。

 3、若需给a 标签内内容加上样式, 需要设置display: block;(常见于导航标签)。

4、 FF 和IE 对BOX 理解的差异导致相差2px 的还有设为float的div在ie下margin加倍等问题。

5、 ul 标签在 FF 下面默认有 list-style 和 padding . 最好事先声明, 以避免不必要的麻烦. 。

 6、作为外部wrapper 的div 不要定死高度, 最好还加上overflow: hidden.以达到高度自适应。

posted @ 2015-11-29 19:36  节操掉尽人清爽  阅读(181)  评论(0编辑  收藏  举报