如何解析兩大DIVCSS定位應(yīng)用

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

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

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

DIV CSS定位

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

絕對定位：

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

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

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

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

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

相對定位：

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

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

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

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

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

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

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

廣告

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