Css 定位为绝对,但仍包含在屏幕中

Css 定位为绝对,但仍包含在屏幕中,css,window,position,absolute,Css,Window,Position,Absolute,我有一个html表格。当我单击一行时,我会在该行的左侧弹出一个辅助块。此帮助程序块具有以下CSS: .row-helper-tooltip { background-color: #ffffff; border: 2px solid #ec101f; border-radius: 3px; box-shadow: 3px 3px 3px -3px rgba(0, 0, 0, 0.7); float: right; left: -149px;

我有一个html表格。当我单击一行时,我会在该行的左侧弹出一个辅助块。此帮助程序块具有以下CSS:

.row-helper-tooltip {
    background-color: #ffffff;
    border: 2px solid #ec101f;
    border-radius: 3px;
    box-shadow: 3px 3px 3px -3px rgba(0, 0, 0, 0.7);
    float: right;
    left: -149px;
    position: absolute;
    text-align: left;
    top: -3px;
    transition: all 0.2s ease-in-out 0s;
    width: 145px;
}

我的桌子放在一个1000像素的容器里。所以在大屏幕上,一切正常。但在1024px宽的屏幕上,辅助块会弹出屏幕。如何使它包含在窗口中,并且仍然保持绝对状态?

您有没有示例?需要更多的html和css来查找工具提示上的内容。小提琴可能会有帮助。