겹치는 문제: 내 div 중 두 개가 예상대로 배치되지 않았습니다.

Question

이유는 모르겠지만 HTML 페이지의 2개 div가 나란히 표시되지 않고 서로 겹칩니다. 또한 파란색 div는 원하는 높이의 100%를 차지하지 않습니다. 참고: 파란색 div에는 현재 1개의 요소(입력)만 있습니다

이것은 내 CSS 코드입니다:

으아아아

Internet Flame님, 감사합니다

Answer 1

아래와 같이 기본 방향row 显示 flex을 사용할 수 있습니다.

으아아아 으아아아

한쪽으로 고정:

으아아아 으아아아