CSS基础(二)

1.定位（position）：定位属性它允许你可以将元素与元素相互重叠，甚至还可以用来完成通常需要多个表格才能完成的任务。

2.定位属性如果你运用的不得当，就会导致它变得相当棘手，甚至会影响到后面的布局。

3.元素也可以使用上下左右属性来定位，但是这些属性依旧无法实现，但是只要在设置这四种属性前，先设置定位属性，这个问题就会迎刃而解。当然上下左右这四种属性都有不同的实现方式，这就要取决于你用的是什么定位方法了。

4.静态定位（static）：静态定位是HTML元素的默认值，也就是说在没有设置任何定位的情况下，元素都是静态定位。

5.静态定位下的元素既不会移动，也不会脱离它当前的文档流，甚至不会受到上下左右四种属性的影响。

6.固定定位（fixed）：固定定位会让元素的位置相对于浏览器窗口进行固定，就算是窗口滚动时，设置了固定定位的元素也不会移动。

    

7.相对定位（relative）：相对定位会使元素相对其正常的位置进行定位，当你移动设置了相对定位的元素和相互重叠在一起的元素时，它原本所占的空间是不会改变的，这一点使它区别于其他的定位属性。

8.有趣的是相对定位大多数时候不是给元素设置定位，而是用来作为绝对定位的容器。

   

 

9.绝对定位（absolute）：会使元素相当于最近的已经设置了定位的父级元素进行定位，如果没有已经设置了定位的父级元素，那它的就会相对于整个页面进行定位。

10.已经设置了绝对定位的元素会脱离当前的文档流，因此它不会占据空间。

     因为已经脱离了当前的文档流，所以设置了绝对定位的元素可以于其他的元素重叠。