CSS的绝对定位_html/css

position:absolute; 或者 position:fixed

三.定位参考对象:
可以使用top属性和left属性设置绝对定位对象的偏移量。
绝对定位虽然脱离了文档流，但是也需要有定位的参考对象，不过在不同的情况下参考对象也是不同。
1.如果没有设置top或者left属性值，那么相应方位的定位参考对象就是此对象的一级父元素，代码实例如下:

以上代码中，由于inner元素采用绝对定位，并且没有设置left属性值，所以在水平方位的定位参考对象就是inner元素的一级父元素children。当然如果没有设置top属性值，那么垂直方位的定位参考对象也是children。
2.如果设置了left或者top属性值情况:
1).如果祖先元素中有采用定位的，那么此对象的相应方位的定位参考对象就是此祖先元素，如果祖先元素没有采用定位的，那么相应方位的上的定位参考对象就是浏览器客户区，代码实例如下:
实例一:

以上代码，inner元素采用绝对定位，并且它的祖先元素father采用相对定位，那么它的定位参考对象就是father。
实例二:

以上代码中，inner元素采用绝对定位，并且它的祖先元素没有采用定位的，那么垂直方位的定位参考对象就是窗口，由于没有设置left属性值，那么水平方位的定位参考对象就是它的一级父元素children。
四.绝对定位元素脱离文档流:
在开头已经提到过，绝对定位能够使元素脱离文档流，那么它周边文档流中的元素就能够占据此元素没有脱离文档流时的位置。
代码实例如下:

         first second  

在以上代码中，由于first元素脱离文档流，所以second元素能够占据原来first元素本来应该占据的位置。
特别说明:定位元素经常与z-index属性一起使用，具体可以参阅CSS的z-index属性用法详解