css中的width与padding

在CSS标准中，一个盒模型包括4个区，分别是：内容、内边距（padding）、边框（border）和外边距（margin）。而Width宽度的计算，CSS有它的标准。但是实际上，不同的浏览器的表现却不同。比如：
     Firefox（FF）是准确按照CSS标准：说width为内容的宽度，也就是

层的宽度 = width + padding(left and right) + border-width；    

    IE则把width作为整个层的宽 度：    内容的宽度 = width - padding - border-width； 

例1:
  #wrapper { padding: 5px; border-width: 2px; }   
  #content { margin: 0px; width: 400px; }   

<div id="wrapper">     

<div id="content">  ……  </div> 

 </div> 

例2：

<div style="width:10px;float:left;">

 <div style="padding:10px;float:left;"></div>

</div>