如何控制下拉框高度，使其在父容器之外不撑开高度？-灵析社区
sumous_01 我想写一个超出最大高度显示滚动条，但是下拉框需要展示到外层，现在设置了以后，下拉框会撑开外层元素的高度 有什么方法可以使得下拉框展示到外层呢
代码日记1. 如果用的是主流的 UI 库，弹框类的组件通常都会提供指定元素挂载到哪个父容器下的配置，比如 "antd" 的 "getConainer"
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241014/3bad2395c058e7ac4c0d9895ea7e160d.png)
2. 自己开发的话
* 要么参考主流库的实现
* 要么就用让元素脱离文档流的布局，比如 "absolute"，"fixed"，但这两种定位"各会"受外层元素的"定位"，和 "层叠上下文" 的影响，不是很建议
"https://developer.mozilla.org/zh-CN/docs/Web/CSS/position" (https://link.segmentfault.com/?enc=nLWpJK8XN3%2FMJDDFsipTGA%3D%3D.EFp02dqbfvApCw%2Fur6DBJ4aghX%2Bhexcg9cntayz%2BP%2B6dFd3EvZk8dJqgOU%2FqzliB4OsKhAsg2WEkPjC9aP2dRA%3D%3D)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241014/386d057d29a8b6561258656357f79283.png)
综上，如果不是自己练手的话，最好用现成的组件库，省时省力
这里是一个demo，可以参考一下
Document
body {
position: relative;
}
container
popup
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241014/c7cca3ec19089506513be9b119bbe11a.png)