一，正常的文档流：
默认的从左到右（行内标签）从上到下（块级标签）；
想超出正常文本流的几种方式：float,display,margin;position;
二，绝对定位：
position:absolute；（绝对定位 ）
总结：先去找父类标签：如果父类标签有定位，就以父类标签为基准移动，一直往上找，直到找到上层有定位的标签为止，如果都没有定位的话，就默认从浏览器的窗口（0,0）位置开始移动。
三，相对定位
position:relative；(相对定位)
总结：；在原位置为参考去移动，并且原位置保留。
四，fixed
fixed：1）与
absolute一致，但偏移定位是以窗口为参考。当出现滚动条时，对象不会随着滚动。 2）能始终悬停在我们等位到的某个位置，不随着滚动条滚动。
五，浮动
flaot :
1）如果浮动原位置不保留。以原位置为参考去移动，原位置不保留。
2）若要浮动，要注意文字的位置<会被挤压到下面>:
六，display
1） 可以实现行内标签和块级元素的转换。
2）可以将块级元素转换为行内元素，框的高宽不起作用，根据字的高宽来显示：display：inline;
3）可以将行内元素转换成块元素，框的高宽不起作用 ，根据字的高宽来显示 ：display：block;
4）display:inline-block;框的高宽起作用，出现inline和block的属性；
5）使用display：block把行内元素转换为块级元素之后，会有换行符存在，想去掉间隔的话，设置标签的文字大小为0px即可。