盒模型简易讲解

css盒模型

       什么是盒模型, 顾名思义 就是盒子, 我们可以将页面或某个块级元素看成一个盒子.  

       盒子里面装的东西,  相当于 内容 (content),  

       内容与盒子之间的间隙, 理解为盒子的  内边距(padding)  

       盒子本身的厚度, 就是盒模型的   边框 (border);

       盒子外与其他盒子之间的间隙, 就是 外边距(margin);

   * 元素的外边距, 边框 ,内边距 ,内容 就构成了css盒模型.

            

IE盒模型  和  w3c盒模型

             IE盒模型的宽度或者高度计算方式为：width 或 height = content + padding + border;

          W3C盒模型的宽度或者高度计算方式为：width  或 height = content。