static：

默認的position值，按普通的文檔流方式定位

relative：

position設為relative時元素所占空間仍然存在，而設relative后的元素top、left、right、bottom都是相對于該元素原本所占的空間

absolute：

position 設為absolute時元素浮出、脫離文檔流，原本所占空間不存在，且元素top、left、right、bottom都是相對于HTML，若父級元素有 設定position屬性為static以外的值的話，則absolute元素top、left、right、bottom相對于該父級元素

父級設為position:relative;

fixed：

position設為fixed時元素相對于瀏覽器窗口，因此滾動條拖動不影響其位置。但是fixed值在IE6下無效

轉載于:https://www.cnblogs.com/ld1992001/p/4212289.html

總結

以上是生活随笔為你收集整理的position的高级使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。