有很多问题都被称为这个名称,但我没有找到适用于我的情况的问题,所以我来了:
在这个片段中:
#container:hover {
overflow-x: hidden;
}
#container {
position: relative;
width: 400px;
height: 40px;
background: red;
margin: 2em;
}
#child {
position: absolute;
bottom: 0;
}
<div id="container">
<div id="child">
a<br/>
b<br/>
hover<br/>
me
</div>
</div>
overflow-x
也将隐藏溢出的overflow-y
(至少在Chrome浏览器中是如此)。这很烦人,因为我有一个工具提示,我希望能够让它溢出到红色框的上方,同时我还有一个菜单,将从右侧滑动并应保持隐藏。这是一个bug吗?有没有解决方法?