整理常用CSS浏览器兼容问题及解决方法

1、整理常用css浏览器兼容问题及解决方法css对阅读器的兼容性偶然让人很头疼,大要当你熟悉傍边的手腕跟道理,就会感受也不是难事,从网上征集了ie7,6与fireofx的兼容性措置门径并收拾了一下.应付web2.0的太甚,请尽可能用xhtml花色写代码,并且doctype 影响 div css措置,作为w3c的规范,一定要加 doctype声名.css手腕1.div的垂直居中标题 vertical-align:middle; 将行距增长到与囫囵div异常高 line-height:200px; 日后插入文字，就垂直居中了。短处是要管束模式不要换行2. margin越发的标题 配置为float的di

2、v在ie下设置的margin会越发。这是一个ie6都具备的漏洞。规划计划是在这个div里面加上display:inline; 例如：相应的css为iamfloat float:left; margin:5px;/*ie下理解为10px*/ display:inline;/*ie下再理解为5px*/3.浮动ie孕育发生的双倍间隔box float:left; width:100px; margin:0 0 0 100px; /这种环境之下ie会发生发火200px的距离 display:inline; /使浮动疏忽这里细说一下block与inline两个元素：block元素的本性是,老是在新行上起

3、源,高度,宽度,行高,边距均可以控制(块元素);inline元素的特性是,和其余元素在统一行上,不成管制(内嵌元素); box display:block; /可以为内嵌元素摹拟为块元素 display:inline; /完成统一行布列的成果 diplay:table;4 ie与宽度与高度的标题 ie 不认得min-这个定义，但实践上它把正常的width和height当作有min的情况来使。这样标题就大了，要是只用宽度和高度，正常的阅读器里这两个值就不会变，要是只用min-width与min-height的话，ie下面根柢就是不有设置装备摆设宽度和高度。 譬如要配置布景，这个宽度是比照需求的。

4、要整治这个标题问题，可以这样： box width: 80px; height: 35px;html>body box width: auto; height: auto; min-width: 80px; min-height: 35px;5.页面的最小宽度 min -width是个极为利便的css呼吁，它可以指定元素最小也不克不及小于某个宽度，这样就能包管排版不停精确。但ie不认得这个，而它理论上把width当成最小宽度来使。为了让这一敕令在ie上也能用，可以把一个 放到 标签下，日后为div指定一个类, 日后css何等设计： container min-width: 600px; width:expression(document.body.clientwidth < 600? &quot;600px&quot;: &quot;auto&quot; ); 第一个min-width是畸形的；但第2行的width用法了javascript，这惟独ie才认得，这也会让你的html文档不太正轨。它理论上经由过程javascript的推断来完成最小宽度。6.d