益陽網(wǎng)站設(shè)計時用到的絕對定位
益陽網(wǎng)站設(shè)計的時候,上一篇文章的時候,我們說過在網(wǎng)站制作的時候用到定位分別絕對定位和相對定位,上一次我們詳細談過了相對定位,這次我們來談一談在益陽網(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的相對定位
- 1企業(yè)網(wǎng)站建設(shè)經(jīng)驗:企業(yè)建站誤區(qū)
- 2Flash網(wǎng)頁設(shè)計作品:Flash 網(wǎng)站頁面美觀
- 3Godaddy優(yōu)惠碼使用信用卡無法支付問題解決方法
- 4Google adsense停用帳戶到解封的過程
- 5網(wǎng)站運營策略
- 6圖片類應(yīng)用Instagram滿足用戶的需求才能盈利
- 7個人博客網(wǎng)站經(jīng)驗分享:建站運營經(jīng)驗
- 8dedecms正文自動排版插件 偽原創(chuàng)更新網(wǎng)站
- 9網(wǎng)站建設(shè)經(jīng)驗分享:從設(shè)計到運營過程
- 10網(wǎng)站改版案例分享:為什么要進行網(wǎng)站改版
- 11再談2014,企業(yè)網(wǎng)站如何開展SEO優(yōu)化
- 12注重與站點內(nèi)容契合以提高轉(zhuǎn)化
- 13網(wǎng)頁前端優(yōu)化:優(yōu)化瀏覽器頁面渲染
- 142014年地方網(wǎng)站將面臨的主要困難
- 15開啟互聯(lián)網(wǎng)金融淘金之旅——地方站長篇(一)
- 16淘客網(wǎng)站運營經(jīng)驗分享:單品做法店鋪做法
- 17電子商務(wù)網(wǎng)站建設(shè):電商網(wǎng)站滿足用戶需求的設(shè)計技巧
- 18正確的網(wǎng)站分析:采用正當?shù)膬?yōu)化網(wǎng)站策略
- 19天貓新店如何步入市場,做好自己的產(chǎn)品定位?
- 20優(yōu)秀的網(wǎng)站分析工具 網(wǎng)站分析工具列表及市場份額
- 21做seo心態(tài)很重要
- 22網(wǎng)站轉(zhuǎn)化率知識:提高網(wǎng)站轉(zhuǎn)化率實戰(zhàn)經(jīng)驗
- 23網(wǎng)站內(nèi)容建設(shè):如何寫文章才能獲得用戶青睞
- 24新手普及知識:認識常見的網(wǎng)站惡意攻擊方法
- 25益陽網(wǎng)站建設(shè)淺談地方網(wǎng)站運營的關(guān)鍵“互動”
- 26地方網(wǎng)站運營經(jīng)驗:地方網(wǎng)站站長的知識結(jié)構(gòu)
- 27能賺錢的網(wǎng)站=好的產(chǎn)品+能轉(zhuǎn)化的網(wǎng)站+目標流量
- 28泛普軟件談網(wǎng)絡(luò)營銷的成功需要的不只是SEO
- 29提升網(wǎng)站訪問速度:如何優(yōu)化網(wǎng)站服務(wù)器
- 30WordPress:增強WordPress搜索結(jié)果的相關(guān)性
成都公司:成都市成華區(qū)建設(shè)南路160號1層9號
重慶公司:重慶市江北區(qū)紅旗河溝華創(chuàng)商務(wù)大廈18樓