相對(duì)于絕對(duì)的定位 |
發(fā)布時(shí)間: 2012/8/28 21:04:54 |
在使用Dreamweaver進(jìn)行網(wǎng)頁(yè)制作時(shí),當(dāng)表格居中后又插入了層(單擊“常用”工具欄中的“描繪層”按鈕)的時(shí)候,分辨率一旦改變(1024*768),或窗口最大化之后,層就錯(cuò)位了。如果使用菜單插入層的時(shí)候,這個(gè)層就會(huì)與它們的上級(jí)元素相對(duì)定位,但是一旦在Dreamweaver中用移動(dòng)工具動(dòng)了它,他就會(huì)馬上變成絕對(duì)定位,不會(huì)再與上級(jí)元素相對(duì)定位了。
通過(guò)工具欄面板插入的層是絕對(duì)定位的層,這個(gè)絕對(duì)定位指的是層的左上角與瀏覽器窗口內(nèi)部的左部、頂部距離,代碼中的寫(xiě)法是left與top。通過(guò)菜單插入的層是相對(duì)定位的層,這個(gè)相對(duì)定位指的是層與它的上級(jí)元素的距離(它的上級(jí)元素的左上角),由于在div中不再喲left和top的屬性,所以瀏覽器把它的位置定為與它的上級(jí)元素相同。 現(xiàn)在層已經(jīng)相對(duì)定位了,可是這樣完全不能滿(mǎn)足要求,因?yàn)楹芏鄷r(shí)候不能把表格設(shè)定得那樣準(zhǔn)確,否則會(huì)把表格搞得很麻煩,代碼也會(huì)很長(zhǎng)。如果在上面做出的相對(duì)定位的層的基礎(chǔ)上再做一個(gè)層對(duì)它相對(duì)定位,就可以解決問(wèn)題了。這就涉及到了父層與子層的問(wèn)題,父層相對(duì)于某點(diǎn)定位,而子層相對(duì)于父層定位,從而達(dá)到了層的相對(duì)定位。 本文出自:億恩科技【mszdt.com】 服務(wù)器租用/服務(wù)器托管中國(guó)五強(qiáng)!虛擬主機(jī)域名注冊(cè)頂級(jí)提供商!15年品質(zhì)保障!--億恩科技[ENKJ.COM] |