文章来源:互联网 浏览:次

    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 调用的同一个类。

上一篇：什么是CSS＋DIV

下一篇：CSS+DIV的好处