하위 요소를 영향을 받지 않게 유지하는 HTML 하단 위치 지정 기술

Question

툴팁이 포함된 텍스트가 있습니다. 상자 자체의 속성은 변경할 수 없지만 도구 설명이 텍스트 위에 배치되기를 원합니다. 내 현재 코드는 다음과 같습니다.

으아아아 으아아아

내가 원하는 것을 달성하는 가장 좋은 방법은 tooltip-text中使用bottom: 100%，但是当我这样做时，bottom是相对于页面底部计算的，而不是相对于tt-container的底部。我想这是因为我必须在tt-container上使用position: relative，但这将导致提示框被框的边缘覆盖。我尝试在tt-container外部创建另一个带有position: relative的div에 있다고 생각하지만 결과는 똑같고 다른 방법은 모르겠습니다. 이것이 가능한가?

Answer 1

으아악 으아악

상위 요소의 position: relative设置为position:absolute 위치를 상위 요소를 기준으로 배치해야 합니다. overflow: auto;로 인해 툴팁 상자를 상자 밖으로 나갈 수 있는 방법이 없습니다.