選項對話方塊、HTML 設計工具、CSS 位置

更新：2007 年 11 月

[CSS 位置] 頁面設定選項，以決定在使用下列其中一種方法建立項目時，項目在 [設計] 檢視中的位置：

在 Microsoft Visual Web Developer 中，按一下 [工具]，再按 [選項]。

[選項] 對話方塊隨即開啟。
在左方面板中展開 [HTML 設計工具] 節點，然後按一下 [CSS 位置]。

如果您已設定 Web 程式開發的環境設定，則除非選取 [顯示所有設定] 核取方塊，否則無法使用這個節點的項目。如需環境設定的詳細資訊，請參閱 HOW TO：變更選取設定。

注意事項：
可以在 [HTML、文字編輯器] 節點 (如果已選取 [顯示所有設定] 核取方塊便能看到) 下找到其他的 HTML 選項。

工作

將使用工具箱、貼上或拖放方式加入的控制項位置變更為下列位置
指定預設階層式樣式表 (CSS) 位置選項，用於您置放或貼上 [設計] 檢視中頁面的項目。使用元素 style 屬性 (Attribute) 的 position 屬性 (Property)，指定位置資訊。

這個設定在 [原始碼] 檢視中不具有效果。

如果清除該核取方塊，則編輯器置放或貼上項目的樣式，與其在 [工具箱] 或其他來源中定義的樣式完全相同，或與其複製至 [剪貼簿] 的樣式完全相同，而不會對項目的位置屬性進行任何變更。如果選取此核取方塊，則當貼上或拖曳時，編輯器會根據所選取的選項，設定項目的位置屬性 (Attribute)：

值	說明
絕對位置	編輯器會將 position 屬性 (Property) 設為 absolute，並設定 z-index、left 和 top 等樣式等屬性 (Property)。根據目前項目的父項目定義 0,0 位置。父項目是具有位置資訊的第一個容器項目。如果目前的項目沒有具有位置的容器項目，則會根據 body 項目計算位置資訊。
相對位置	編輯器會將 position 屬性 (Property) 設為 relative，並設定 z-index、left 和 top 等樣式等屬性 (Property)。這個選項與 [絕對位置] 的不同之處在於，會相對於項目在網頁流向中的位置定義 0,0 位置。使用相對位置且 top 和 left 設為 0 的項目，在流向中顯示為一般項目。
靜態位置	編輯器會將 position 屬性 (Property) 設為 static。如此一來，會使用流程配置呈現控制項。如果要明確地覆寫項目可能從階層式樣式表繼承的樣式設定，則將位置設為 static 十分有用。
沒有位置屬性	編輯器會移除所有位置資訊。如此一來，預設會使用流程配置呈現控制項。從階層式樣式表繼承的樣式設定可能會影響控制項的位置。

如需 position 屬性 (Attribute) 之效果的詳細資訊，請在 MSDN Library 中搜尋 "position attribute" 或 "position property"。

將以像素為基礎的位置和大小貼齊下列設定
拖曳至您設定其間距之不可見格線的條件約束。該設定只適用於以像素設定其位置資訊的項目。

注意事項：
您可以拖曳不具有位置資訊的項目，或 position 屬性設為 static 的項目。不過，只可以在文件的流向中拖曳它們，而不可將其拖曳至頁面上的任意位置。