文章詳情頁
誰能夠系統地總結一下三種定位模式的區別呢?萬分感謝
瀏覽:166日期:2024-05-25 09:26:02
問題描述
誰能夠系統地總結一下三種定位模式的區別呢?萬分感謝
問題解答
回答1:誰能夠系統地總結一下三種定位模式的區別呢?萬分感謝-PHP中文網問答-誰能夠系統地總結一下三種定位模式的區別呢?萬分感謝-PHP中文網問答
圍觀一下哦,學習一下。
回答2:position定位值共有五種:
1.static,默認值。沒有定位,元素出現在正常的流中(忽略 top, bottom, left, right 或者 z-index 聲明)。
2.inherit,規定應該從父元素繼承 position 屬性的值。
3.absolute,生成絕對定位的元素,相對于 static 定位以外的第一個父元素進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
4.fixed,生成絕對定位的元素,相對于瀏覽器窗口進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
5.relative,生成相對定位的元素,相對于其正常位置進行定位。因此,"left:20" 會向元素的 LEFT 位置添加 20 像素。
相關文章:
1. html5 - 有可以一次性把所有 css外部樣式轉為html標簽內style=" "的方法嗎?2. sql語句 - mysql中關聯表查詢問題3. javascript - 原生canvas中如何獲取到觸摸事件的canvas內坐標?4. javascript - [js]為什么畫布里不出現圖片呢?在線等5. javascript - vscode alt+shift+f 格式化js代碼,通不過eslint的代碼風格檢查怎么辦。。。6. javascript - 如何將一個div始終固定在某個位置;無論屏幕和分辨率怎么變化;div位置始終不變7. html - vue項目中用到了elementUI問題8. javascript - iframe 為什么加載網頁的時候滾動條這樣顯示?9. javascript - 求解答:實例對象調用constructor,此時constructor內的this的指向?10. javascript - 有什么比較好的網頁版shell前端組件?
排行榜
