html - 让文字(X轴)溢出Y轴滚动

标签 html css

当前有一个高度为 1000 像素的 div,如果它高于 1000 像素,它就会溢出:滚动。现在我有了那个 div 的部分,当悬停时弹出信息溢出到 Y 轴(应该越过滚动条)。然而,溢出的信息只是停留在滚动条上,它应该越过滚动条。我什至设置了 z-indexs,但溢出的文本不会越过滚动条。我该如何解决这个问题?谢谢你! :)

编辑

我已经尝试了很多尝试来解决这个问题。当我删除 overflow-y: scroll 时,它会从 div 中流出(这很好)。然而,当我添加 overflow-y: scroll 时,滚动条阻止文本通过它。所以我不知道为什么这个滚动条把一切都搞砸了。

最佳答案

mm,当我尝试时工作得很好,这是我的测试代码:

<!DOCTYPE html>
<html>
    <head>
        <style>
            .window{
                height:300px;
                width:500px;
                overflow:scroll;
            }
            .popup{
                position:absolute;
                height:500px;
                border:red solid 2px;
            }
        </style>
    </head>
    <body>
        <div class="window">
        <span class="popup">asdasd</span>
        </div>
    </body>
</html>

关于html - 让文字(X轴)溢出Y轴滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28638914/

相关文章:

javascript - react : performance gains of keys

javascript - 新的 Webkit 在数字类型输入中将十进制逗号转换为 ~ 点,反之亦然。该浏览器功能的 Javascript 名称?

javascript - 隐藏一个 div 并显示另一个 overtop 时使用 jQuery 进行幻灯片转换

html - CSS 换行 <span> 的问题

html - 如何避免 CSS 网格拉伸(stretch)行?

javascript - 图像动画/如何在页面加载时让图像滑入? (HTML/JavaScript)

html - 无序列表中的演示问题

css - 按键中心定位

来自 Google 自定义搜索的 Javascript 错误和 GET 请求失败

jquery - 如何在使用切换时通过单击其他元素来隐藏元素?