盒子模型简介

盒子模型简介

盒子模型的组成：边框+外边距+内填充（内边框）+内容

1. 宽度属性width和高度属性height仪适用于块级元素,对行内元素无效(img标签和input除外)

2. 计算盒子模型的总高度时,还应考店上下两个盒子垂直外边距合并的情况.

3. 如果一个盒子没有给定宽度/高度或者继承父亲的宽度/高度,则padding不会影响本盒子大小

盒子模型布局稳定性

对于盒子模型，什么情况下使用内边距，什么情况下使用外边距?
答案是:
其实他们大部 分情况下是可以混用的。就是说， 你用内边距也可以，用外边距也可以。你觉得哪个方便，就用哪个。
但是，总有一个最好用的吧，我们根据稳定性来分，建议如下:

按照优先使用宽度(width) 其次 使用内边距( padding)再次 外边距(margin) 。
width > padding > margin

原因:
1. margin会有外边距合并还有ie6下面margin加倍的bug (讨厌)所以最后使用。
2. padding会影响盒子大小，需要进行加减计算(麻烦)其次使用。