css學習的第八天-定位

1.相對定位

代碼：position:relative

定義：相對于原來的位置，進行指定方向的偏移，但仍然在標準文檔流中，原來的位置會被保留

常用參數：top:1px（上）;left:1px（左）;bottom:1px（下）;right:1px;（右）

2.絕對定位

代碼：position:absolute;

定義：相對于父級或瀏覽器的位置，進行指定偏移，不在標準文檔流中，原位置不會被保留

2.1 沒有父級元素的前提下，相對于瀏覽器定位

2.2 假設父級元素存在定位，我們通常會相對于父級元素進行偏移

（即給父級元素設置相對定位positon:relative;但不指定偏移距離，此時絕對定位會相對于父級元素進行偏移（父級元素因為設置了相對定位，原來的位置被保留了），不再相對于瀏覽器偏移）

2.3 給父級元素設置了相對定位后，此時絕對定位就是相對于父級元素進行偏移

3.固定定位

代碼：position:fixed;

自始至終固定在一個位置不再變化

CSS

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。