使用絕對位置將按鈕附加到表單的下部

使用絕對位置將元素固定在相對父元素邊界內的特定位置。

使用絕對定位將提交按鈕附加到表單底部

為了實現這一點,第一步是將表單元素的位置設為相對位置。這很重要,因為如果提交按鈕絕對位於表單之前,則其位置可能會變得不穩定。因此,為了確保按鈕保留在表單內,我們應該將表單元素的位置調整為相對位置:

  1. 選擇表單元素
  2. 將其位置調整為 相對的

接下來,讓我們繼續定位按鈕:

  1. 反白顯示表單中的提交按鈕
  2. 將位置調整為 絕對
  3. 定義 底部, 左邊, 和 正確的 值作為 0像素
  4. 指定 寬度:100%

在為提交按鈕實現絕對定位後,它可能會與周圍的表單元素重疊。若要修正此問題,您可以在表單元素上建立底部填入以適應提交按鈕的高度。

麥伊凡
Ewan Mak 的最新帖子 (看全部)