적용값·박스·containing block을 순서대로 확인합니다.
CSS 오류는 속성을 무작정 바꾸기보다 선택자 일치, cascade에서 진 선언, computed value, 실제 박스 크기와 부모 제약을 차례로 확인해야 빨리 찾을 수 있습니다.
잘린 요소는 고정 height, overflow, min-width와 Grid/Flex 자식의 min-size를 확인합니다.
겹침은 stacking context를 만든 transform·opacity·position과 z-index가 비교되는 범위를 확인합니다.
브라우저 Grid·Flex overlay와 접근성 트리를 함께 사용하면 배치와 의미 문제를 분리할 수 있습니다.
z-index 숫자를 계속 키워도 서로 다른 stacking context 사이 순서는 바뀌지 않을 수 있습니다.
직접 바꿔보세요.content가 줄어들 수 있도록 필요한 최소 너비 규칙을 추가하세요.