浮動版面配置可讓您對齊元素，使元素根據頁面大小和螢幕方向自動調整對齊位置和比例。回應式文件特別適合採用浮動版面配置，不過，浮動版面配置也可以與固定尺寸元素搭配使用。
您可以在 Google Web Designer 中使用各種技巧建立浮動版面配置：
Flexbox (Fluid Layout) - Google Web Designer
採用百分比的值
您可以設定百分比 (而非像素) 的大小和位置，藉此讓元素維持等比例狀態，並且彼此對齊。
如要採用百分比而非像素值，請按一下「屬性」面板欄位中的「px」，然後在下拉式選單中選取「%」。
如要將所有位置和大小的值轉換成百分比，請按一下「使用百分比」按鈕 。
您可以在文件中混用百分比和像素值。
錨定
錨定功能可讓您永久對齊容器中的元素，即使元素或容器的大小、邊框間距或框線寬度變更也一樣。您設定的所有位置或平移屬性都會使元素從錨點產生偏移。
請選取水平錨定模式和垂直錨定模式。預設值為「左上方」。
水平錨定模式
| 模式 | 效果 |
|---|---|
| 左側 | 元素的左側邊緣會對齊容器的左側邊緣。 |
| 中心 | 元素會依水平中線會對齊容器的水平中線。 |
| 右側 | 元素的右側邊緣會對齊容器的右側邊緣。 |
垂直錨定模式
| 模式 | 效果 |
|---|---|
| 上方 | 元素的上方邊緣會對齊容器的上方邊緣。 |
| 中間 | 元素的垂直中線會對齊容器的垂直中線。 |
| 底部 | 元素的底部邊緣會對齊容器的底部邊緣。 |
啟用選取範圍工具 時，您可以在「屬性」面板或工具選項列中設定錨定模式。
Flexbox
Flexbox (CSS 彈性方塊版面配置模組) 是一種版面配置方式，用來靈活排列容器中整欄或整列的項目。每個項目可以放大或縮小，因此在保持指定的排序和間距時，還能對容器空間進行最佳化調整。
您可以在「回應式」面板的「Flexbox」分頁標籤中使用 Flexbox 及設定 Flexbox 屬性。進一步瞭解如何使用 Flexbox。