本文為大家介紹一下在Dreamweaver中如何插入AP Div，希望對大家有幫助。

　　一、AP Div概述

　　使用了CSS樣式表中的絕對定位屬性的<div>標簽就叫做AP Div。Dreamweaver CS5中的“AP Div”就是Dreamweaver舊版本中的“層”。AP Div可以理解為浮動在網頁上的一個頁面，可以放置在頁面中的任何位置，可以隨意移動這些位置，而且它們的位置可以相互重疊，也可以任意控制AP Div的前后位置、顯示與隱藏，因此大大加強了網頁設計的靈活性。

　　在網頁設計中，將網頁元素放到AP Div中，然后在頁面中精確定位AP Div的位置，可以實現網頁內容的精確定位，使網頁內容在頁面上排列得整齊、美觀、井井有條。

　　二、插入AP Div

　　1. 打開HTML文檔，點擊“設計”視圖，然后點擊“插入”菜單，選擇“布局對象”命令，在彈出的子菜單中選擇“AP Div”項。

　　或者在“插入”面板中選擇“布局”項，點擊“繪制 AP Div”圖標，如下圖所示：

　　點擊“窗口”菜單，選擇“插入”項，可以打開“插入”面板。

　　2. 點擊“繪制 AP Div”按鈕后，鼠標形狀變為十字形，在頁面中要插入AP Div的地方點擊鼠標左鍵，拖動鼠標劃出矩形區域，然后松開鼠標即可。如下圖所示：

　　三、插入多個AP Div

　　如果需要在頁面中依次插入多個AP Div，則請按住Ctrl鍵，然后單擊“插入”面板，選擇“布局”項，點擊“繪制 AP Div”按鈕，便可以在頁面中一次添加多個AD Div。如下圖所示：

　　四、創建嵌套AP Div

　　1. 設置“首選參數”

　　點擊“編輯”菜單，選擇“首選參數”命令，打開“首選參數”對話框，如下圖所示：

　　在“分類”下拉框中，點擊“AP 元素”項。

　　在“嵌套”項中，勾選“在 AP div 中創建以后嵌套”。

　　點擊“確定”按鈕，關閉“首選參數”對話框。

　　2. 設置“AP 元素”

　　點擊“窗口”菜單，選擇“AP 元素”項，打開“AP 元素”面板，如下圖所示：

　　取消“防止重疊”項。

　　3. 繪制嵌套的AP Div

　?。?）點擊“繪制 AP Div”按鈕，在文檔的“設計”視圖中拖動鼠標繪制一個AP Div區域。

　?。?）再次點擊“繪制 AP Div”按鈕，在已經繪制好的AP Div區域內拖動鼠標再繪制一個新的AP Div區域。這個AP Div就嵌入到前面的AP Div中。如下圖所示：

　?。?）在“代碼”視圖中可以查看源代碼：