這篇文章給大家介紹如何解析兩大DIV CSS定位應(yīng)用，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對(duì)大家能有所幫助。

創(chuàng)新互聯(lián)公司主要從事網(wǎng)站設(shè)計(jì)、成都網(wǎng)站設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)東湖,10年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18980820575

你對(duì)DIV CSS定位的概念是否熟悉，這里向大家描述一下絕對(duì)定位和相對(duì)定位的用法，在用DIV+CSS控制排版過程中，定位一直被人認(rèn)為是一個(gè)難點(diǎn)。

DIV CSS定位

和大家重點(diǎn)討論一下DIV CSS定位之絕對(duì)定位和相對(duì)定位，在用DIV CSS控制排版過程中，定位一直被人認(rèn)為是一個(gè)難點(diǎn)，這主要是表現(xiàn)為很多網(wǎng)友在沒有深入理解清楚定位的原理時(shí)，排出來的雜亂網(wǎng)頁常讓他們不知所措。

絕對(duì)定位：

DIV CSS定位中絕對(duì)定位屬性將是網(wǎng)蟲們打開幸福之門的鑰匙：

H4{position:absolute;left:100px;top:43px}　

這項(xiàng)CSS規(guī)則讓瀏覽器將<H4>的起始位置精確地定在距離瀏覽器左邊100象素，距離其頂部43象素的位置。注意這里***設(shè)置了的是左邊和頂部，也就說，文字將從左到右，從上到下載入瀏覽窗口。

左邊和頂部屬性很直觀，左邊（left）設(shè)定要素距瀏覽器窗口左邊的距離，頂部（top）設(shè)定距離瀏覽器窗口頂部的距離。設(shè)定這些距離時(shí)，你可以使用所學(xué)過的各種度單位或比例值。使用比例值時(shí)，比例值的是相對(duì)于母體要素的尺寸。

你可以定位什么呢？任何東西！段落、單詞、GIF和JPEG圖像、QUICKTIME電影等等。

相對(duì)定位：

DIV CSS定位中絕對(duì)定位使你能精確地定位要素在頁面的獨(dú)立位置，而不考慮頁面其它要素的定位設(shè)置。DIV CSS定位中相對(duì)定位指你所定位的要素的位置相對(duì)于在文件中所分配的位置。例：

I{position:relative;left:40px;top:10px}　

相對(duì)定位的關(guān)鍵在于定位了的要素的位置是相對(duì)于它通常應(yīng)在的位置進(jìn)行定位。DIV CSS定位中相對(duì)定位單元出現(xiàn)在普通的靜態(tài)定位單元的行間，定位時(shí)沒有把自己和靜態(tài)定位單元完全分開。如果你停止使用相對(duì)定位，則文字的顯示位置將恢復(fù)正常。使用相對(duì)定位時(shí)要小心，否則容易將頁面弄得非常亂。

除了DIV CSS定位中相對(duì)定位和絕對(duì)定位，你還可以使用static（靜止）參數(shù)值。Static是position特性的缺省值。它的使用方法同普通HTML中的定位方法，不能附加特殊的定位設(shè)置。也就是說，除了邊距特性，或通過使用float特性來浮動(dòng)單元可影響單元的定位外，其它均不可以。

關(guān)于如何解析兩大DIV CSS定位應(yīng)用就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

當(dāng)前標(biāo)題：如何解析兩大DIVCSS定位應(yīng)用
網(wǎng)頁地址：http://jinyejixie.com/article8/pppiip.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊、、響應(yīng)式網(wǎng)站、標(biāo)簽優(yōu)化、虛擬主機(jī)、網(wǎng)頁設(shè)計(jì)公司

廣告

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