css基础定位

一，正常的文档流：

默认的从左到右（行内标签）从上到下（块级标签）；

想超出正常文本流的几种方式：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即可。