當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

定位-固定定位

發布時間：2023/12/2 编程问答 25 豆豆

生活随笔收集整理的這篇文章主要介紹了定位-固定定位小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

把box2設為固定定位：

<!DOCTYPE html> <html lang="en" dir="ltr"><head><meta charset="utf-8"><title>定位</title><style media="screen">.box1{width:100px; height: 100px;background-color: rgb(184, 208, 162);}.box2{width:100px;height: 100px;background-color: rgb(231, 223, 143);position:fixed;left: 100px;top: 100px;}.box3{width:100px;height: 100px;background-color: rgb(188, 211, 213);}span{background-color: rgb(209, 198, 209);}</style></head><body><div class="box"><div class="box1"></div><div class="box3"><div class="box2"></div></div><span>span元素</span></div></body> </html>

　輸出：固定定位永遠都會相對于瀏覽器窗口進行定位；

? ? ? ? ? ? ?固定定位會固定在瀏覽器窗口某個位置，不會隨滾動條滾動；

本文轉載于:猿2048https://www.mk2048.com/blog/blog.php?id=011ihj&title=定位-固定定位

總結

以上是生活随笔為你收集整理的定位-固定定位的全部內容，希望文章能夠幫你解決所遇到的問題。

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