不加滚动条时，样式是：但是列表是要加上下的滚动条，加了以后就变成了里面的定位就不生效了，谁知道该如何解决啊？试了很多办法了没用

你层级有问题,而且有滚动条的div不能有relative

赞同二楼的解决方法，灵活；而且这个项目里，类似的弹出框很多的话，还可以专门写个这样的组件，方便使用～

楼主的问题解决了吗我现在也遇到了这个问题，好烦啊！

css里面设置滚动条用的overflow-y,可是里面有用到了position就不气作用了怎么办？

建议你这种就把窗口写在body里面吧，让弹窗基于body position fixed定位，都通用一个，点击时获取你点击的event clientX，clientY坐标，然后动态赋值给弹窗的left和top。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            .box{
                width: 200px;
            }
            ul{
                overflow-y: auto;
                height: 100px;
                overflow-x: hidden;
            }
            ul li{
                position: relative;
                width: 200px;
            }
            .a{
                position: fixed;
                background: #FFF;
                z-index: 100;
                display: none;
            }
        </style>
    </head>
    <body>
        <div class="box">
            <ul>
                <li>11111</li>
                <li>11111</li>
                <li>11111</li>
                <li>11111</li>
                <li>11111</li>
                <li>11111</li>
            </ul>
        </div>
        <div class="a">jjjjjffffffffffjj</div>
        <script>
            var list = document.querySelectorAll('li');
            var a = document.querySelector('.a')
            list.forEach(function(el){
                el.onclick=function(event){
                    a.style.display = 'block';
                    console.log(el.offsetTop)
                    a.style.top =el.offsetTop+'px';
                    a.style.left =el.offsetLeft+el.offsetWidth/2+'px';
                    //a.style.left = event.clientX+'px';
                    //a.style.top = event.clientY+'px';
                }
            })
        </script>
    </body>
</html>

css里面设置滚动条用的overflow-y,可是里面有用到了position就不气作用了怎么办？

你尚未登录，登录后可以

body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？

如何实现类似豆包的AI改写框跟随内容滚动效果？

如何在CSS中实现滚动条不溢出圆角框？

请问，是否可以设定Table的宽度，或者不让其超过父容器呢？

如何在Ant Design表格中同时设置scroll.x和scroll.y且表头不换行？

表数据复制一条添加到数据库，前端跳转到数据所在的page页，滚动到对应行并添加高亮样式异常？