布局属性
*注意：只有块级元素使用下列属性才有效
1. 外边距 – margin
margin是对外元素的距离，用来控制元素本身的浮动位置
margin的取值：
四边距margin
上边距margin-top
下边距margin-bottom
左边距margin-left
右边距margin-right
margin取值解释：
提供一个，用于四边；
提供两个，第一个用于上－下，第二个用于左－右；
如果提供三个，第一个用于上，第二个用于左－右，第三个用于下；
提供四个参数值，将按上－右－下－左的顺序作用于四边；
*注意：margin: a auto — 居中显示
2. 内边距 – padding
padding是对内元素，用来控制内部元素的位置
padding的取值：
四边距padding
上边距padding-top
下边距padding-bottom
左边距padding-left
右边距padding-right
padding取值解释：
提供一个，用于四边；
提供两个，第一个用于上－下，第二个用于左－右；
如果提供三个，第一个用于上，第二个用于左－右，第三个用于下；
提供四个参数值，将按上－右－下－左的顺序作用于四边；
3. 元素浮动 – float
float的取值：left, right, none(默认值)
3个div正常显示如下
如果想让3个div并排显示，就需要设置它们的float属性，如下是设置float:left;
如下是设置第1个和第3个div向左浮动float:left;第2个div向右浮动float:right;
看到这块以后，想必聪明的你也许想到了，各大电商网站上商品的展示不就是这个样子的吗
4.display属性
block：将元素变成块级标签，可以设置高度和宽度
inline：将元素变成行内标签，不能设置高度和宽度
inline-block：同时具有两种
none：标签消失
5. overflow溢出处理属性
Overflow (水平和垂直均设置)
Overflow-x (设置水平方向)
Overflow-y (设置垂直方向)
设置水平滚动条
overflow-x : scroll
设置垂直方向滚动条
overflow-y : scroll
6. 定位属性
fixed : 将某个元素固定在页面的某个位置
absolute : 绝对定位
relative：相对定位
定位方式通常与定位坐标一起使用
定位坐标：要定位的元素偏离目标位置多远的距离
常见取值：Top，left，right，bottom
1.fixed属性
将某个元素固定在页面的某个位置
特点：
相对于浏览器的窗口来进行定位的
固定到窗口的某个位置上，不随内容而滚动
如果不设置定位坐标，就在原来的位置，否则反之
2.relative属性
相对定位
特点：
相对定位是相对于，自身的左上角为坐标点
3.absolute属性
绝对定位
特点：
相对于（祖先元素的定位方式（relative）来进行定位
找祖先元素是否有定位，如果没有定位，找到<body>，就相对body来定位
如果找到祖先元素有定位，相对祖先元素来定位
