CSS盒子 的解释

　　CSS盒子 盒子 占据面积的大小 一共是边距（margin）+边框（border）+填白（padding）+宽度（width）。

　　所以当你设置width为200px border:1px 的时候，

　　实际的这个DIV的width最大值还是200.

　　只是DIV的实际占据页面的宽度 是 ：

　　1（左边框）+200（width）+1（右边框）=202

　　所以这个DIV里面还有200 的宽度可以容纳包含的DIV。

　　当然如果里面的DIV 宽度大于200，外面DIV定义的宽度就会失去效果。

　　注意拉 注意拉 重点地方要回答你了

　　如果设定padding:2px 这个属性，按照正确的解释，DIV 的宽度应该是：

　　1（左边框）+2（padding）+200（width）+2（padding）+1（右边框）=206

　　上面当然算的是正确的解释

　　但是注意拉 IE6.0 不会按照 CSS2 的正确解释 来算，

　　IE的算法有时候会安正确解释算，大多时候IE会把 padding 算在width里面

　　按照IE的算法 上面的结果还会是202，因为IE大多时候认为padding是width的一部分。所以在IE下面 这个div实际可以运用的width是 200-2-2=196

　　但是其他浏览器 DIV实际可以运用的width还是200

　　这是IE6.0典型的 hack（浏览器兼容性）。 所以强留建议不到万不得已不要给DIV定义padding

　　本人就在操作过程中见过IE最变态的解释，

　　IE 把我的第一个DIV 按照正确解释运算 DIV宽度

　　把之后的另外一个 DIV 按照 IE 自己的方法（就是padding是width的一部分）。

　　当时我2个DIV 调用的同一个类。