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