<p>이 요소에 대한 사용자 정의 도구 설명을 만들고 싶었지만 도구 설명을 표시할 충분한 공간이 없는 상자 안에 포함되어 있어서 잘립니다. (실제로는 <코드>로 인해 표시됩니다. ;overflow</code>가 <code>auto</code>로 설정되어 있지만 스크롤하지 않고 표시되기를 원합니다. 범위를 넘어 표시되도록 하는 방법이 있나요? <code>z-index</code>를 사용해 보았지만 작동하지 않았습니다. </p> <p>제가 말한 내용은 다음과 같습니다.</p> <p> <pre class="brush:css;toolbar:false;">.box { 너비: 100px; 높이: 100px; 오버플로: 자동; 테두리 스타일: 단색; 테두리 색상: 빨간색; } .툴팁{ 패딩 상단: 20px; 위치: 상대; 디스플레이: 인라인 블록; } .tooltip .tooltiptext { 디스플레이: 없음; 최대 너비: 60vw; 최소 너비: 15vw; 배경색: 흰색; 테두리 스타일: 단색; 테두리 색상: #1a7bd9; 위치: 절대; Z-색인: 1000000; } .tooltip:hover .tooltiptext { 디스플레이: 블록; }</pre> <pre class="brush:html;toolbar:false;"><div class='box'> <div class='tooltip'> 마우스를 올리면 툴팁 표시 <div class='tooltiptext'> 와, 이거 정말 대단해요. 정말 멋진 툴팁 텍스트네요 </div> </div>