절대 위치 지정을 사용하여 양식 하단에 제출 버튼을 부착합니다.
이를 달성하기 위한 초기 단계는 양식 요소의 위치를 상대 위치로 설정하는 것입니다. 제출 버튼이 양식 앞에 절대 위치에 있으면 배치가 불규칙해질 수 있으므로 이는 필수적입니다. 따라서 버튼이 양식 내에 유지되도록 하려면 양식 요소의 위치를 상대 위치로 조정해야 합니다.
- 양식 요소를 선택하세요
- 위치를 조정하여 상대적인
그런 다음 버튼 위치를 지정해 보겠습니다.
- 양식 내에서 제출 버튼을 강조 표시합니다.
- 위치를 조정하여 순수한
- 정의 맨 아래, 왼쪽, 그리고 오른쪽 다음과 같은 가치를 지닌다 0px
- 지정 폭: 100%
제출 버튼의 절대 위치 지정을 구현하면 주변 양식 요소가 겹칠 수 있습니다. 이 문제를 해결하려면 제출 버튼의 높이를 수용하도록 양식 요소에 하단 패딩을 생성할 수 있습니다.
Ewan Mak의 최신 게시물 (모두 보기)
- Workspace 스팟 및 멤버 포함 또는 제거 - 2024년 4월 15일
- 센터링 상자 요약 - 2024년 4월 15일
- 나중에 참조할 수 있도록 사이트 저장 - 2024년 4월 15일