層的隨意定位的特性給網頁設計者帶來的很大的方便，但同時也帶來了一定的麻煩。為什么這樣說呢？

　　大家都知道，為了讓網頁能夠自動地適應用戶設置的分辨率，在網頁制作過程中人們采用了百分比的設置方式，從而頁面的所有元素從新排版，保證原來的格式。但假如你在頁面上使用了層，你會發現當瀏覽器大小改變時，層的位置卻沒有改變，結果它和其他的元素之間的配合出現了錯位現象，頁面變得雜亂無章了。而我們是不能夠強制用戶使用特定的分辨率的，那么就只有想辦法讓層的位置也能夠象表格一樣根據瀏覽器大小的改變而重新定位，這就需要合理地使用相對定位和絕對定位了。

　　絕對定位（position:absolute）：即層默認的定位方式，絕對于瀏覽器左上角的邊緣開始計算定位數值。

　　相對定位（position:relative）：層的位置相對于某個元素設置，該元素位置改變，則層的位置相應改變。

　　對比兩種定位方式，不難發現，使用相對定位的層才是真正實現設計者思想的方式，從而完全把握層的排版。

　　那么，絕對定位有沒有用呢？當然有用了，當你的網頁全部使用層來排版，而且頁面是使用默認的居左放置的，那么使用默認的絕對定位方式可以方便的排版，提高設計的工作效率。

　　在Dreamweaver中，插入的層雖然都是使用的絕對（absolute）定位方式，但是插入的方式不同，帶來的效果是不同的。前面我們已經知道，使用菜單插入的層是沒有定位的坐標的，只有當你使用鼠標拖動該層改變其位置后，才會寫入坐標值。而拖拉出來的層的初始位置坐標就是鼠標開始動作時的坐標。

　　請明確一個概念：由Dreanweaver賦予坐標值的層是絕對于瀏覽器邊緣定位的層。不帶坐標值的層則是相對于某元素定位的層！

　　所以，最簡單的設置相對定位層的的方式就是：選定插入層的位置（例如某個單元格或者頁面中某處）將光標停留在該位置，然后選擇Insert-->Layer，即可在該位置創建一個固定大小的層，這個層就是相對于該位置定位的了。需要注重，采用這種方式創建的層，你只可以使用鼠標調整它的大小，絕對不可以移動它的位置！也就是說，在屬性面板上，層的位置欄中（Left Top）絕對不可以有數值。

　　很多情況下，插入的層的位置并不一定準確，非凡是Dreamweaver并非真正的所見即所得的軟件，網頁的排版只有到瀏覽器中顯示才可以真正看到排版的表現，所以上面所說的方法就顯的過于簡單而輕易出問題了。這個時候，你需要給層一個定位的參照物，讓它真正地做到相對的定位。

　　簡單的參照物可以是一個父層，即先插入一個相對定位的空白的層，在此層中插入你真正需要的層，而這個層是可以隨意拖拉改變位置的。但這樣究竟在網頁中多插入了一個空白的層，我想它一定不是專業的網頁設計師所希望的。下面我們介紹使用CSS來實現真正的相對定位的層。

　　我們需要先設置一個CSS Class，來定義定位的方式為相對：

　　.ceng { position: relative; }

　　然后，賦予你所需要的參照物（可以是 table,tr,td... ）一個 CSS屬性為這個類。這樣瀏覽器就會以它的左上角為原點，建立新的坐標系。再在這個參照物的下級插入層，則層絕對于該參照物定位，假如你需要改變層的位置，你可以直接在層的屬性面板上輸入Left Top的數值（不可以使用鼠標拖拉），切記此數值的坐標原點是你所指定的參照物，而不是瀏覽器的邊緣（在Dreamweaver中編輯時，該層看起來象是絕對于頁面邊緣定位的，但在瀏覽器中，它是絕對于你所指定的參照物的）。