HTML盒子模型

1.盒子模型：内容的宽度（width）边框（border） 内填充（padding） 外边距（margin）

2.#各个属性的值需要单独设置：上（top） 右（right） 下（button） 左（left）

      需与内容的宽度（width）和高度（height）区分

3.盒子的定位 三种 流动  浮动 层模型

   流动模型：是默认的 块状元素是按自上而下排布 内联元素是按从左到右分布

   浮动模型：设置块状模型并排显示

   层模型： 有三种定位方式

                    绝对定位 相对定位 固定定位

   绝对定位：其相对的是一个具有定位属性的父元素 如果不存在可以相对body元素

   相对定位：按照float方式生成一个元素后相对于以前位置移动

   absolute表里如一，移动了就是移动了。relative只是表面显示移动了，但实际还在文档流中原有位置，别的元素无法占据

  固定定位：类似于小广告

4.相对定位和绝对定位的综合应用

元素之间必须存在包含关系 父亲设置相对定位 子元素设置为绝对定位