分享：相對定位和絕對定位

2022-06-02 分類：網站建設

定位標簽：position
包含屬性：absolute（絕對）
relative（相對）

1.position:absolute; 表示絕對定位，位置將依據瀏覽器左上角開始計算。絕對定位使元素脫離文檔流，因此不占據空間。普通文檔流中元素的布局就像絕對定位的元素不存在時一樣。（因為絕對定位的框與文檔流無關，所以它們可以覆蓋頁面上的其他元素并可以通過z-index來控制它層級次序。z-index的值越高，它顯示的越在上層。）

2.父容器使用相對定位，子元素使用絕對定位后，這樣子元素的位置不再相對于瀏覽器左上角，而是相對于父窗口左上

3.position:relative; 如果對一個元素進行相對定位，首先它將出現在它所在的位置上。然后通過設置垂直或水平位置，讓這個元素"相對于"它的原始起點進行移動。（再一點，相對定位時，無論是否進行移動，元素仍然占據原來的空間。因此，移動元素會導致它覆蓋其他框）更多了解m.kartarina.com

網站欄目：分享：相對定位和絕對定位
標題鏈接：http://m.kartarina.com/news20/162770.html

成都網站建設公司_創新互聯，為您提供手機網站建設、微信小程序、定制開發、企業建站、品牌網站制作、企業網站制作

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容