課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
absolute ? relative 和fixed有什么區(qū)別
2016-04-21
源自:初識HTML(5)+CSS(3)-升級版 13-8
正在回答
absolute:絕對定位{需要設(shè)置position:absolutc(表示絕對定位),這條語句的作用將元素從文檔流中拖出來,然后使用”left????right????top????bottom屬性相對于其最近的一個具有定位屬性的父包含進行絕對定位。如果不存在這樣的包含塊,則相對body元素,即相對于瀏覽器窗口。
relative:相對定位{????如果想為元素設(shè)置層模型中的相對定位,需要設(shè)置position:relative(表示相對定位),他通過left????right????top????bottom????屬性確定元素在正常文檔流中的偏移位置。相對定位完成的過程是首先按static(float)方式生成一個元素(并且元素像層一樣浮動了起來),然后相對于以前的位置移動,移動的方向和幅度有l(wèi)eft????right????top bottom 屬性確定,偏移前的位置保留不動。
fixed:固定定位{????表示固定定位,與absolute定位類型類似,但他的相對移動的坐標視圖(屏幕內(nèi)的網(wǎng)頁窗口)本身。由于視圖本身是固定的,他不會隨瀏覽器窗口的滾動而變化,除非你在屏幕中移動瀏覽器窗口的屏幕位置,或改變?yōu)g覽器窗口的顯示大小,因此固定的點位的元素會始終定位于瀏覽器的某個窗口內(nèi)視圖的某個位置,不會受某文檔流影響。
禍國 提問者
absolute:是相對于父級元素進行定位,設(shè)置后元素會脫離文檔流,成為獨立的個體;
relative:是相對于自身進行定位,設(shè)置后原始元素位置不會受到影響;
fixed:是特殊的absolute,即總是以body為定位對象的,按照瀏覽器的窗口進行定位。
三者的效果自己進行實驗下會理解得比較深刻。
relative(相對定位)?對象不可層疊、不脫離文檔流absolute(絕對定位)?脫離文檔流,通過 top,bottom,left,right 定位。fixed(固定定位) 所固定的參照對像是可視窗口而并非是body或是父級元素
嘻嘻哈哈小超人
absolute是相對于父元素的位置,如果是全局環(huán)境中,則是相對與瀏覽器中的位置;
relative是相對與本身的初始位置而言;
fixed是絕對定位,相對于瀏覽器窗口而言,跟上面提到的absolute的后面的那個特殊例子一樣
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學習標簽用法和意義
6 回答name id value三者的區(qū)別
3 回答name,id,value三者的區(qū)別
1 回答這兩者有什么區(qū)別?
5 回答兩者之間有什么區(qū)別???
1 回答請問這兩者有何區(qū)別?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-04-21
absolute:絕對定位{需要設(shè)置position:absolutc(表示絕對定位),這條語句的作用將元素從文檔流中拖出來,然后使用”left????right????top????bottom屬性相對于其最近的一個具有定位屬性的父包含進行絕對定位。如果不存在這樣的包含塊,則相對body元素,即相對于瀏覽器窗口。
relative:相對定位{????如果想為元素設(shè)置層模型中的相對定位,需要設(shè)置position:relative(表示相對定位),他通過left????right????top????bottom????屬性確定元素在正常文檔流中的偏移位置。相對定位完成的過程是首先按static(float)方式生成一個元素(并且元素像層一樣浮動了起來),然后相對于以前的位置移動,移動的方向和幅度有l(wèi)eft????right????top bottom 屬性確定,偏移前的位置保留不動。
fixed:固定定位{????表示固定定位,與absolute定位類型類似,但他的相對移動的坐標視圖(屏幕內(nèi)的網(wǎng)頁窗口)本身。由于視圖本身是固定的,他不會隨瀏覽器窗口的滾動而變化,除非你在屏幕中移動瀏覽器窗口的屏幕位置,或改變?yōu)g覽器窗口的顯示大小,因此固定的點位的元素會始終定位于瀏覽器的某個窗口內(nèi)視圖的某個位置,不會受某文檔流影響。
2016-04-21
absolute:是相對于父級元素進行定位,設(shè)置后元素會脫離文檔流,成為獨立的個體;
relative:是相對于自身進行定位,設(shè)置后原始元素位置不會受到影響;
fixed:是特殊的absolute,即總是以body為定位對象的,按照瀏覽器的窗口進行定位。
三者的效果自己進行實驗下會理解得比較深刻。
2016-04-21
relative(相對定位)?對象不可層疊、不脫離文檔流
absolute(絕對定位)?脫離文檔流,通過 top,bottom,left,right 定位。
fixed(固定定位) 所固定的參照對像是可視窗口而并非是body或是父級元素
2016-04-21
absolute是相對于父元素的位置,如果是全局環(huán)境中,則是相對與瀏覽器中的位置;
relative是相對與本身的初始位置而言;
fixed是絕對定位,相對于瀏覽器窗口而言,跟上面提到的absolute的后面的那個特殊例子一樣