父Div高度小于Popover时，如何实现Popover完整显示？

针对你遇到的这个问题，我整理了几个实用的解决思路，你可以根据项目场景灵活选择：

• 让Popover脱离容器文档流
  把Popover的DOM元素挂载到body标签下，而非当前div内部。这样Popover的显示完全不受div高度限制，定位可以基于触发图标的位置计算。多数UI组件库（比如Ant Design、Bootstrap）都支持这类配置，比如Ant Design的getPopupContainer属性，只需指定挂载到body即可实现。

• 调整Popover的弹出方向
  如果Popover默认向下弹出，刚好会碰到div高度不足的问题。可以尝试将弹出方向改为向上、向左或向右，比如设置placement为top或left。这样Popover不会向div下方延伸，自然就不受div高度限制了。

• 给容器div设置overflow: visible
  这是最直接的方法，如果div布局允许，直接给它加上CSS样式：overflow: visible;。默认情况下，若div的overflow为auto或hidden，超出范围的内容会被截断，设置为visible后，Popover就能完整显示，哪怕它的高度比div更高。

• 临时调整容器高度（可选方案）
  如果前面的方法都不适用，你可以在点击图标弹出Popover时，动态给div设置一个不小于Popover高度的最小高度，等Popover关闭后再恢复原高度。不过这个方法需要监听Popover的显示/关闭事件，代码量稍多，还可能影响页面布局，建议优先考虑前三种方案。

内容的提问来源于stack exchange，提问作者sanjana