課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
誰能夠系統地總結一下三種定位模式的區別呢?萬分感謝
2015-06-08
源自:初識HTML(5)+CSS(3)-升級版 13-8
正在回答
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 像素。
旦宅 提問者
fixed為固定定位。經常用于浮動廣告,無論滾動條怎么滾動,廣告都不會動。
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
3 回答關于層模型的三種形式
2 回答關于css的層模型中的絕對定位??
2 回答css層模型
4 回答關于層模型
3 回答關于css疊層問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-06-08
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 像素。
2015-06-22
fixed為固定定位。經常用于浮動廣告,無論滾動條怎么滾動,廣告都不會動。