絶対位置を使用してフォームの下部にボタンを添付する

絶対位置を使用して、相対的な親要素の境界内の特定の場所に要素を固定します。

絶対位置を使用して、送信ボタンをフォームの下部に貼り付けます。

これを実現するための最初のステップは、フォーム要素の位置を相対的に設定することです。送信ボタンがフォームの前に絶対位置にある場合、配置が不規則になる可能性があるため、これは不可欠です。したがって、ボタンがフォーム内に留まるようにするには、フォーム要素の位置を相対的に調整する必要があります。

  1. フォーム要素を選択する
  2. 位置を調整して 相対的

次に、ボタンの配置に進みます。

  1. フォーム内の送信ボタンを強調表示します
  2. 位置を調整して 絶対
  3. 定義する , 、 そして 価値として 0ピクセル
  4. 指定する 幅: 100%

送信ボタンに絶対配置を実装すると、周囲のフォーム要素と重なってしまう場合があります。この問題を修正するには、フォーム要素の下部にパディングを作成して、送信ボタンの高さに合わせます。

ユアン・マック