web浏览器兼容问题

1、居中问题

div中，ie默认居中，而ff（firefox）默认是向左对齐。解决办法：margin 0 auto

2、高度问题

如果有两个div排列或者嵌套，如果第一个div设置了高度，而内容超出div高度，ff会出现div重叠的情况；但在ie中下面的div会适应这种变化，自动调节高度。

如果要解决这种问题，就是不设置div的高度，或者height：100%。

3、clear：both

不想受到float浮动，直接在div设置clear：both。

4、padding问题

ff设置padding后，div的宽和高会增加，但是ie不会。对于padding的宽，ie和ff不会有实际差别，宽等于padding加width，所以设置宽的时候，需要用总宽减去padding。

5、div嵌套时的padding和marign

在ie中，父div到子div的距离为padding和marign中较大的一个；

在ff中，父div到子div的距离为padding加marign；

在ff中，如果父div的padding和border为0，那么子div的marign会在父div的外面。

6、列表类

ul在ff里是有padding的，而ie默认只有margin的，应该设置ul{padding：0；margin：0}

ul和ol解决首行缩进的问题：{list-style:none;padding:0;margin:0}

7、显示类:

display:inline\block

display：block内嵌为块级元素

display：inline内嵌为行类元素

display：table运用在ff像table一样输出

block：高度、行高、底和顶的边距和边框的高是可以设置的，每个块级元素以新行开始；

元素有：div、h、p、form、ul、li

inline：行高、高度以及底和顶的边框高度不可以设置，是根据内嵌内容所在的行的高度设置的。

元素有：image、span、input

8、鼠标手指状显示

全部标准写法：cursor：pointer

9、背景透明度问题

background：全部注意补齐width和height

透明度：通过opacity设置

10、min-height最小高度的实现

在容器的内容较少时，设置一个最小高度，防止破坏ui的页面的布局和效果，当内容增加时，容器的高度自动增加以适应变化。

11、跨站的css透明度

通过opacity设置

12、怎样去掉选中的虚线框？

nfocus=“this.blur”

13、

http://www.cnblogs.com/0351jiazhuang/p/4525354.html

巴特西