ie浏览器和火狐浏览器对对容器宽度定义的差异

标签：text   ad   css   net   浏览器   ef   port   import   

　首先我们说说firefox和IE对CSS的宽度显示有什么不同： 
　　其实CSS ’width’ 指的是标准CSS中所指的width的宽度，在firefox中的宽度就是这个宽度。它只包含容器中内容的宽度。而Internet Explorer ’width’则是指整个容器的宽度，包括内容，padding ，border。 
Firefox中：容器占的宽度=内容宽度+padding宽度+border宽度 
IE中：内容宽度=您定义的容器宽度(Internet Explorer ’width’)-padding宽度-border宽度 

　　所以，如果IE中定义 width:120px;padding:5px 的话，所显示的宽度就是120px. 
　　即padding:5px是在width里面。 
　　而Firefox中，上面这个定义，显示宽度就是 125 px; 
　　所以，我们就必须这样定义 
　　 width:115px !important;width:120px;padding:5px;
　　必须注意的是， !important; 一定要在前面。  

ie浏览器和火狐浏览器对对容器宽度定义的差异,布布扣,bubuko.com

ie浏览器和火狐浏览器对对容器宽度定义的差异

标签：text   ad   css   net   浏览器   ef   port   import   

原文地址：http://www.cnblogs.com/baixuemin/p/3873084.html