本題點評
在web前端中,元素定位是必須掌握的,是網頁製作的必備技能,也是衡量是否爲一個合格的web前端開發的標準之一,在網頁設計中,很多地方都需要使用定位,例如菜單彈出,提示信息層等都需要定位。所以本題的難易程度爲簡單。
解題思路
position爲元素定位屬性,包含以下屬性值
1. absolute絕對定位
相對位置爲父元素爲非static的第一個父元素進行定位。
2. fixed 固定定位(老IE6不支持)
相對於瀏覽器窗口進行定位。
3. relative相對定位
相對於其正常(默認佈局)位置進行定位。
4. static
默認值。沒有定位,元素出現在正常的流中(忽略 top, bottom, left, right z-index 聲明)
加分項
所有的定位如果left、top、right、bottom屬性都爲默認值,則爲默認定位
absolute定位會脫離文檔,浮動起來,多個層重疊可以使用z-index屬性改變層疊順序
absolute定位忽略padding,相對位置爲相對定位容器的左上角內邊框,
-------------------------------------------------------------------------------------------