如何控制下拉框高度，使其在父容器之外不撑开高度？-灵析社区

1. 如果用的是主流的 UI 库，弹框类的组件通常都会提供指定元素挂载到哪个父容器下的配置，比如 `antd` 的 `getConainer`  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)  综上，如果不是自己练手的话，最好用现成的组件库，省时省力 这里是一个demo，可以参考一下 Document body { position: relative; } container popup