작은 화면에서 HTML 요소가 서로 겹치지 않게하십시오.

Question

페이지에 두 개의 요소가 나란히 있습니다. 왼쪽의 요소가 고정됩니다. 내 기본 화면 해상도는 1280x800입니다. 화면 해상도가 1024x * 이하로 떨어지면 왼쪽 및 오른쪽 컨테이너가 서로 겹치는 경향이 있습니다. 이 문제의 수정 사항이 있습니까? 어떻게해야합니까?
------------------------------------------------ -----------편집하다-------------------------------------- ---------------------
실제로 오른쪽의 요소에는 미리 정의 된 너비가 지정되고 margin:0 auto으로 설정되어 화면. 오른쪽의 요소 인은 세로 메뉴이므로 사용자가 페이지를 스크롤하더라도 고정 된 상태로 유지되기를 원합니다. 따라서 나는 position:fixed을 지정했습니다.

Answer 1

window.onresize 이벤트 처리기에서 컨테이너를 적절하게 축소하여이 클라이언트 측에서 수행 할 수 있습니다.

Answer 2

화면이 두 개를 모두 수용 할만큼 커서 충돌하는 경우 요소의 너비를 백분율 (<tag style="width: 80%;" />)으로 설정해보십시오.