html左右滚动div隐藏部分div,html：工具提示在带滚动的拆分屏幕上隐藏为div

将a-leftcolumn溢出更改为visible; 由于overflow您设置的规则，工具提示被隐藏。除非将其设置为visible，否则溢出通常会将元素内的内容隐藏起来，这也是默认的btw，因此您可以完全删除此规则。

a-leftcolumn {

width: 8%;

background: #EFF0F1;

overflow: visible; /* Change overflow to VISIBLE */

position: absolute;

top: 0px;

left: 2px;

bottom: 0px;

padding-left: 3px;

font-size: 10px;

}

a-main {

width: 90%;

overflow: auto;

position: absolute;

top: 0px;

left: 9%;

bottom: 0px;

}

/*  tooltip   https://stackoverflow.com/questions/39146047/display-tooltip-when-container-overflow-is-hidden*/

.has-tooltip {

/*position: relative;*/

display: inline;

}

.tooltip-wrapper {

position: absolute;

visibility: hidden;

}

.has-tooltip:hover .tooltip-wrapper {

visibility: visible;

opacity: 0.7;

/*top: 30px;*/

/*left: 50%;*/

/*margin-left: -76px;*/

/* z-index: 999; defined above with value of 5 */

}

.tooltip {

display: block;

position: relative;

top: 2em;

right: 30%;

width: 140px;

height: 96px;

/*margin-left: -76px;*/

color: #FFFFFF;

background: #000000;

line-height: 96px;

text-align: center;

border-radius: 8px;

box-shadow: 4px 3px 10px #800000;

}

.tooltip:after {

content: '';

position: absolute;

bottom: 100%;

left: 50%;

margin-left: -8px;

width: 0;

height: 0;

border-bottom: 8px solid #000000;

border-right: 8px solid transparent;

border-left: 8px solid transparent;

}

/*  end tooltip  */

Hover me for Tooltip

Tooltip

Some text