引导提示溢出的问题导致滑块

Question

我使用的引导的工具提示中显示对一些显示页面中的按钮文本。一切工作正常，除了工具提示的显示完全去下面的页脚。对于如

在蓝色高亮显示的点击按钮应给予“添加新记录”：

下图显示了“添加新的记录要去页脚下方而不是显示靠近按钮本身的

错误图像：

CSS代码基本是这样的：

.tooltip {
    position: absolute;
    z-index: 1070;
    display: inline;
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0;
    pointer-events: none
}

    .tooltip.show {
        opacity: .9
    }

    .tooltip .arrow {
        position: absolute;
        display: inline;
        width: .8rem;
        height: .4rem
    }

        .tooltip .arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid
        }

在HTML看起来是这个

<div class="tooltip fade bs-tooltip-bottom" role="tooltip" id="tooltip785907">
<div class="arrow">
</div>
<div class="tooltip-inner">Add a new record
</div>
</div>

任何指导将不胜感激

Answer 1

在其上的相对定位的元素是工具提示绝对定位？我认为这就是问题所在。你能告诉您更多的HTML和CSS？