定位：
1、靜態定位--static；按照標準文檔流進行布局；

2、相對定位--relative；相對自身；以自身的坐上角（坐標點）為參考；會保留原來的位置不被其他元素侵占；

3、絕對定位--absolute；參考的是頁面的左上角；絕對定位位置不會被保留；
如果父級有定位，則參考父級的坐標點；如果父級沒有定位，則會一級一級向上查找，直到html標簽，中途有定位就會參照這個定位元素的坐標點；

4、固定定位--fixed；相對于瀏覽器窗口的左上角；

?

實現效果

滾動門效果：

類似文字氣泡效果

這種方法需要三張圖

下面這種方法經過改進只需要兩張圖

上面是效果圖 圖上邊的黑線是網頁的地址欄的線 截圖沒搞好截上去的

?

轉載于:https://www.cnblogs.com/ddjps/p/9959976.html

總結

以上是生活随笔為你收集整理的呆呆键盘手11.14号学到的定位-实现滚动门效果的全部內容，希望文章能夠幫你解決所遇到的問題。

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