<p>この要素のカスタム ツールヒントを作成したかったのですが、ツールヒントを表示する十分なスペースがないボックス内に含まれているため、切り取られてしまいます (実際には、<code> により表示されているまでスクロールできます) ;overflow</code> は <code>auto</code> に設定されていますが、スクロールせずに表示されるようにしたいです)。境界を超えて表示する方法はありますか? <code>z-index</code> を使用してみましたが、うまくいきませんでした。 </p> <p>これは私が言ったことです:</p> <p> <pre class="brush:css;toolbar:false;">.box { 幅: 100ピクセル; 高さ: 100ピクセル; オーバーフロー: 自動; ボーダースタイル: ソリッド; 境界線の色: 赤; } .tooltip{ パディングトップ: 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='ツールヒントテキスト'> うわー、これはすごいですね、素晴らしいツールヒントのテキストです </div> </div> </div></pre> </p> <p>編集: 重要なことは、ホバーリングは要素が含まれるボックスではなく、要素に対して機能するということです。 </p>