使用 CSS 放置面板
面板是實用的版面配置工具，可用來定義頁面的邏輯分部。使用 CSS 可放置面板並改善版面配置。
必要版本
| 提供版本：Salesforce Classic |
可供購買的版本：Enterprise、Performance 及 Unlimited Edition 提供版本 (有限制)：Developer Edition |
| 需要的使用者權限 | |
|---|---|
| 若要建立、編輯並管理 Site.com 網站： | 在使用者詳細資料頁面上啟用「Site.com Publisher 使用者」欄位 和 在網站層級指派的網站管理員或設計師角色 |
將填補及邊緣新增至面板
兩個 CSS 內容 - 邊緣及填補 - 可用來調整版面配置，這兩者可在列與欄以及其中的內容加大間隔。邊緣內容可控制框線與外邊緣之間的面板外出現的空間，填補內容可控制面板的內容與框線之間的空間。
新增邊緣及填補：
- 選取面板。
- 開啟「樣式」窗格的「尺寸」區段。
- 在「邊緣」區段中，執行以下其中一個動作：
- 在「全部」文字方塊中輸入值，然後選取測量單位，設定四邊所有的邊緣寬度。
- 在適當的文字方塊中輸入值，並選取測量單位，分別設定上下左右四邊的邊緣寬度。
- 同樣地，在「填補」區段中，設定所需的填補寬度。加入填補可增加面板的總寬度。例如，如果面板的寬度為 500px，而您在各邊加入 20px 的填補，面板的總寬度將為 540px。
小秘訣 您可以使用邊緣內容，將面板或區塊頁面元素置中。在「全部」文字方塊中輸入 0，並選取下拉式清單中的「自動」。
使用浮動內容建立欄面板
如果您需要將更多分部加入頁面，卻不熟悉 CSS，最簡單的方法是使用列及欄面板。或者，使用 CSS 浮動內容，您可以將面板放置在左側或右側，以建立欄。(您使用列及欄面板功能加入面板時，會自動使用浮動內容自動放置面板。)例如，您可以將兩個單獨的面板加入一個容器面板中，並且設定兩個面板的浮動及寬度內容，以建立兩欄的版面配置。
建立欄面板：
- 選取面板。
- 開啟「樣式」窗格的「版面配置」區段。
- 按一下
使面板浮動至左側，或按一下 
使面板浮動至右側。例如，如果您建立兩欄的版面配置，務必設定兩個面板的浮動內容。 - 在「尺寸」區段中設定寬度或拖曳頁面的面板框線來調整面板的寬度，確定面板正確對齊。例如，如果您建立相等寬度的兩欄，將兩的面板的寬度設定為 50%。
小秘訣 使用浮動內容時，務必將容器面板的溢出內容設定為「隱藏」。這可讓容器面板隨著欄面板的高度增加而加大。請選取容器面板，然後在「樣式」面板的「版面配置」區段中，選取「溢出」下拉式清單中的「隱藏」。
此文章是否解決您的問題？
請讓我們知道，以便我們改進！
