CSS兼容性问题与解决方案大全.docxVIP

css兼容性问题与处理方案大全 从网上收集了 IE7,6与Fireofx的兼容性处理技巧并整理了一下。对于web2.0的过度, 请尽量用xhtml格式写代码，而且DOCTYPE影响CSS处理，作为W3C的标准，一定 要加DOCTYPE声明。 div的垂直居中问题 vertical-align:middle;将行距增加到和整个 DIV 一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。 解决方案是在这个div里面加上display:inline; 例如： #div id=,,imfloat,, 相应的css为 #imfloat{ float: left; margin:5px;/*IE 下理解为 10px*/ display:inline;/*IE 下再理解为5px*/} 3?浮动i巳产生的双倍距离 #box{ float:left; width:100px; margin:0 0 0 lOOpx; //这种情况之下 IE 会产生200px的距离display:inline; 〃使浮动忽略} 这里细说一下block与inline两个元素：block元素的特点是，总是在新行上开始, 高度，宽度，行高，边距都可以控制（块元素）