監(jiān)理公司管理系統(tǒng) | 工程企業(yè)管理系統(tǒng) | OA系統(tǒng) | ERP系統(tǒng) | 造價咨詢管理系統(tǒng) | 工程設(shè)計管理系統(tǒng) | 甲方項目管理系統(tǒng) | 簽約案例 | 客戶案例 | 在線試用
X 關(guān)閉
益陽OA
聯(lián)系方式

成都公司：成都市成華區(qū)建設(shè)南路160號1層9號

重慶公司：重慶市江北區(qū)紅旗河溝華創(chuàng)商務(wù)大廈18樓

咨詢：400-8352-114

加微信，免費獲取試用系統(tǒng)

QQ在線咨詢

益陽網(wǎng)站建設(shè)公司

當(dāng)前位置：工程項目OA系統(tǒng) > 泛普各地 > 湖南OA系統(tǒng) > 益陽OA > 益陽網(wǎng)站建設(shè)公司

益陽網(wǎng)站設(shè)計時用到的絕對定位

申請免費試用、咨詢電話：400-8352-114

日期:2012-12-14來源:泛普軟件

益陽網(wǎng)站設(shè)計的時候，上一篇文章的時候，我們說過在網(wǎng)站制作的時候用到定位分別絕對定位和相對定位，上一次我們詳細(xì)談過了相對定位，這次我們來談一談在益陽網(wǎng)站設(shè)計的時候的用的絕對定位。

絕對定位介紹：
絕對定位使元素的位置與文檔流無關(guān)，因此不占據(jù)空間。這一點與相對定位不同，相對定位實際上被看作普通流定位模型的一部分，因為元素的位置相對于它在普通流中的位置。

絕對定位實例：
普通流中其它元素的布局就像絕對定位的元素不存在一樣：
#box_relative {
  position: absolute;
  left: 30px;
  top: 20px;
}

絕對定位效果如圖：

注解：
絕對定位的元素的位置相對于最近的已定位祖先元素，如果元素沒有已定位的祖先元素，那么它的位置相對于最初的包含塊。

對于定位的主要問題是要記住每種定位的意義。所以，現(xiàn)在讓我們復(fù)習(xí)一下學(xué)過的知識吧：相對定位是“相對于”元素在文檔中的初始位置，而絕對定位是“相對于”最近的已定位祖先元素，如果不存在已定位的祖先元素，那么“相對于”最初的包含塊。

根據(jù)用戶代理的不同，最初的包含塊可能是畫布或 HTML 元素。

提示：因為絕對定位的框與文檔流無關(guān)，所以它們可以覆蓋頁面上的其它元素?？梢酝ㄟ^設(shè)置 z-index 屬性來控制這些框的堆放次序。

相關(guān)文章：益陽網(wǎng)站制作中CSS的相對定位

發(fā)布：2025-09-29 08:06    編輯：泛普軟件 · xiaona    [打印此頁]    [關(guān)閉]

泛普益陽網(wǎng)站建設(shè)公司其他應(yīng)用

益陽軟件開發(fā)公司 益陽門禁系統(tǒng) 益陽物業(yè)管理軟件 益陽倉庫管理軟件 益陽餐飲管理軟件 益陽網(wǎng)站建設(shè)公司