폼 라디오 버튼을 클릭하면 가장자리가 전체 HTML 요소를 화면 왼쪽으로 이동합니까?

Question

아래 이미지에서 알 수 있듯이 Edge (및 Edge 만)는 내 전체 HTML 요소를 알 수없는 픽셀 수만큼 화면에서 왼쪽으로 이동하기로 결정했습니다. 왜? 사용자 정의 라디오 버튼 디자인을 사용하고 있지만 기본 HTML은 동일합니다. 이걸 본 사람 있어요?

(사이드 참고 : 도움이된다면, 나는 균열 가지고 너희들의 페이지의 라이브 버전을 정렬 할 수 있습니다 -해야 사람이 요청을)

Answer 1

시프트는 .radio input[type='radio'] 요소가 절대 위치에 있기 때문에 발생합니다.

이 여러 가지 방법으로 수정할 수 있습니다.

1 : .radio CSS 선택기에 position: relative;을 추가하십시오.

2 : .radio input[type='radio']에서 position: absolute;을 제거하고 display: none;을 그 자리에 추가하십시오.

3 : .radio input[type='radio']에서 position: absolute;을 제거하고 height: 0; width: 0;을 추가하십시오.