本題點評

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

創新互聯是一家專注于成都網站制作、網站設計與策劃設計,洛隆網站建設哪家好?創新互聯做網站,專注于網站建設10余年,網設計領域的專業建站公司;建站業務涵蓋:洛隆等地區。洛隆做網站價格咨詢:18982081108

解題思路

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，相對位置為相對定位容器的左上角內邊框，

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

另外有需要云服務器可以了解下創新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

分享文章：Web前端面試指導(十)：元素定位有哪些？-創新互聯
文章URL：http://vcdvsql.cn/article40/jgoho.html

成都網站建設公司_創新互聯，為您提供外貿網站建設、定制網站、域名注冊、App開發、虛擬主機、外貿建站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯