四個標簽是static，relative，absolute，fixed。

static 該值是正常流，并且是默認值，因此你很少看到（如果存在的話）指定該值。

relative：框的位置能夠相對于它在正常流中的位置有所偏移

absolute：使用x和y坐標，根據包含元素的左上角精確地定位框的位置

fixed：位置是根據瀏覽器窗口的左上角計算出來的，并且即使用戶滾動窗口，也不會改變位置。

?

部分源代碼：

　　html：

<div class ="box" id="one">One</div> <div class ="box" id ="two"> Two</div> <div class ="box" id ="three"> Three </div> <div class ="box" id ="four">Four</div>

　　css：

　　

.box { display:inline-block ; height:100px; width:100px; background:rgba(255, 217, 0, 0.863); color: rgba(255, 255, 255, 0.295); }
#two { position: relative; top: 20px; left: 20px; background: rgba(255, 0, 212, 0.582); }

轉載于:https://www.cnblogs.com/hujingsong-457/p/9847796.html

總結

以上是生活随笔為你收集整理的关于position的四个标签的全部內容，希望文章能夠幫你解決所遇到的問題。

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