절대 위치를 이용하여 폼 하단에 버튼 부착

상대 상위 요소 경계 내부의 특정 위치에 요소를 고정하려면 절대 위치를 사용합니다.

절대 위치 지정을 사용하여 양식 하단에 제출 버튼을 부착합니다.

이를 달성하기 위한 초기 단계는 양식 요소의 위치를 상대 위치로 설정하는 것입니다. 제출 버튼이 양식 앞에 절대 위치에 있으면 배치가 불규칙해질 수 있으므로 이는 필수적입니다. 따라서 버튼이 양식 내에 유지되도록 하려면 양식 요소의 위치를 상대 위치로 조정해야 합니다.

  1. 양식 요소를 선택하세요
  2. 위치를 조정하여 상대적인

그런 다음 버튼 위치를 지정해 보겠습니다.

  1. 양식 내에서 제출 버튼을 강조 표시합니다.
  2. 위치를 조정하여 순수한
  3. 정의 맨 아래, 왼쪽, 그리고 오른쪽 다음과 같은 가치를 지닌다 0px
  4. 지정 폭: 100%

제출 버튼의 절대 위치 지정을 구현하면 주변 양식 요소가 겹칠 수 있습니다. 이 문제를 해결하려면 제출 버튼의 높이를 수용하도록 양식 요소에 하단 패딩을 생성할 수 있습니다.

이완 막
Ewan Mak의 최신 게시물 (모두 보기)