在编写CSS时，很多人都会对 position:absolute; 这个属性印象深刻，因为他出现的位置的随机性实在是太强了，有时候会在浏览器窗口的右上角出现，有时候会老老实实拘束在某个元素附近。不过，事实上，position:absolute; 并不是真的随机出现的，之所以认为难以驾驭，是因为没有对这句话深入理解。

position 的值 absolute ，应用比较广泛，如果在网页中将元素属性设置为 position:absolute; 的话会将该元素脱离原本的文档，独立浮动于网页之上，从而可以使元素更加灵活的叠加展示等等。与 position:absolute; 相配合使用的属性分别有：

定位属性：left、right、top、bottom

堆叠顺序属性：z-index

定位属性是用来定位元素的位置的，四个方向可以设置位置；堆叠顺序属性用来定义如果多个含有position属性的元素的堆叠顺序。

至于 position:absolute; 的起始位置，还是要看该元素的父级是否有定义过position属性，如果父级元素有定义position属性，则absolute的（0,0）位置在父级元素的左上角位置；如果父级元素没有定义position属性，则absolute的（0,0）位置在浏览器的右上角位置。

所以谁absolute有随机性的，大多是因为没有注意到父级元素是否也定义过position属性。