游客

标题:css中 ie和 firefox 之间的区别
正文:
1.高度的区别 　　IE:在没有定义高度时候，将根据内容高度的变化，包括未定义高度的图片内容； 　　在定义了高度时候，当内容超过高度时，将使用实际内容的高度。 　　FF:在没有定义高度时，如果内容中包括了图片内容，MF的高度解析是根据印刷标准，这样就会造成和实际内容高度不符合的情况； 　　在当定义了高度，但是内容超过高度时，内容会超出定义的高度，但是区域使用的样式不会变化，造成样式错位。 　　建议：在可以确定内容高度的情况下最好定义高度，如果真的没有办法定义高度，尽量不用使用边框样式。 　　2.宽度的区别 　　IE:内容宽度=您定义的容器宽度(Internet Explorer ’width’)-padding宽度-border宽度。 　　IE中定义 width:100px;padding:5px 的话，所显示的宽度就是100px。 　　FF:容器占的宽度=内容宽度+padding宽度+border宽度。 　　Firefox中定义 width:100px;padding:5px 的话，所显示的宽度就是105px。 　　建议：使用 !important；但是，!important一定要在前面。 　　如：width:95px !important;width:100px;padding:5px;。 　　注：高度亦是如此！ 　　3.浮动（float）的区别 　　（1）空格处理 　　IE:对于DIV并排时候使用float关键字时候，IE对块与块之间的空格是处理的。 　　FF:对于DIV并排时候使用float关键字时候，Firefox对块与块之间的空格是不处理的。 　　建议：经常发现使用float关键字时候在Firefox显示正常，但是在IE中会出现空格，就是这个原因； 　　避免在div连div时候添加空格或者回车，也即是一个div紧接这一个div写； 　　或者，将div放入li中进行处理，这样就不会有空格的问题。 　　（2）Margin加倍 　　IE:在使用float的情况下，IE的margin加倍。 　　FF:正常显示。 　　建议：针对IE，添加display:inline; 　　相应的css为 　　#float{ 　　float:left; 　　margin:5px;/*IE下理解为10px*/ 　　display:inline;/*IE下再理解
[<<][[1]][2][>>]

查看评论(0)
发表评论



首页