그리드의 입력 상자가 화면에서 늘어나는 것을 어떻게 중지합니까?

Question

현재 사용자 인터페이스:

필수 사용자 인터페이스:

오른쪽 섹션의 입력 요소가 오른쪽 섹션 전체로 확장되지 않도록 하려면 어떻게 해야 하나요? 문제는 .right-section 형식의 그리드 열에 있는 것 같습니다

HTML과 CSS를 보시고 이 문제를 해결하는 방법이 전혀 없다고 말씀해주세요.

으아악 으아악

그리드 열 너비를 수동으로 조정해 보았는데 어느 정도 효과가 있었습니다. 두 열 모두에 고정된 px 값(예: 200px 300px)을 사용할 때 입력 너비를 조작할 수 있지만 여전히 문제가 해결되지 않습니다.

.grid-1 및 .grid-2 div 클래스(해당 입력 포함)는 축소되지만 .card-information은 축소되지 않습니다.

Answer 1

무엇을 요구하는지 말하기가 조금 어렵지만 양식 입력의 너비를 제한하려는 경우 양식 요소에 정의된 너비를 설정해 보세요(예: .right-section form {width : 70%;} 或输入的父容器（即 .grid-1、.grid-2、.card-information {width: 70%;}). 필요에 따라 조정하세요.