html浮动，相对，绝对布局

1.浮动布局：脱离文档流，仍占有一定的空间，该空间下无实体内容，可以设置在父布局中左右浮动，浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。浮动例子图：

2.相对布局：没有脱离文档流，原来占有的空间仍旧存在，相对布局移动之后，相当于可以遮盖（未占有空间），就是Z-index属性。

3.绝对布局：脱离文档流，不占任何空间，存在z-index属性。