网页兼容性问题解决方案摘要.docVIP

(/view/478077f80242a8956bece4aa.html) ！important 优先级 兼容IE6 1.div的垂直居中问题 2. margin加倍的问题 3.浮动ie产生的双倍距离 4 .IE与宽度和高度的问题 IE 不认得min-这个定义 5. 页面的最小宽度 min -width是个非常方便的CSS命令 6.DIV浮动IE文本产生3象素的bug 左边对象浮动 7.IE捉迷藏的问题 8.float的div闭合;清除浮动;自适应高度; 11.高度不适应 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 　　 　2. margin加倍的问题 设置为float（浮动）的div在ie下设置的margin会加倍。这是一个ie6都存在的bug（臭虫）。解决方案是在这个div里面加上 display:inline; 例如： #div id=”imfloat” 相应的css为 #IamFloat{ float:left; margin:5px;/*IE下理解为10px*/ display:inline;/*IE下再理解为5px*/} 　　 　3.浮动ie产生的双倍距离 #box{