Web前端面試指導(十):元素定位有哪些?

本題點評

在web前端中,元素定位是必須掌握的,是網頁製作的必備技能,也是衡量是否爲一個合格的web前端開發的標準之一,在網頁設計中,很多地方都需要使用定位,例如菜單彈出,提示信息層等都需要定位。所以本題的難易程度爲簡單。

解題思路

position爲元素定位屬性,包含以下屬性值

1. absolute絕對定位

相對位置爲父元素爲非static的第一個父元素進行定位。    


2. fixed  固定定位(老IE6不支持)

相對於瀏覽器窗口進行定位。  


3. relative相對定位

相對於其正常(默認佈局)位置進行定位。


4. static

默認值。沒有定位,元素出現在正常的流中(忽略 top, bottom, left, right z-index 聲明)

加分項

  1. 所有的定位如果left、top、right、bottom屬性都爲默認值,則爲默認定位

  2. absolute定位會脫離文檔,浮動起來,多個層重疊可以使用z-index屬性改變層疊順序

  3. absolute定位忽略padding,相對位置爲相對定位容器的左上角內邊框,

-------------------------------------------------------------------------------------------



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章