Css 下拉三角形不是'；容器外看不见

我试图在下拉菜单的顶部添加一个带有

：after

的三角形，但它在

ul

容器外不可见

CSS:

---

预览：

将

溢出：可见
添加到父
div

.overflowProp{
  overflow:visible;
}

here--> <div v-if="isVisible" class="overflowProp absolute right-0 bg-white overflow-hidden border border-gray-300 shadow-lg w-48 z-20 mt-2 py-2 rounded-md">
      
            <ul class="dropdown-container">

.overflowProp{
溢出：可见；
}
这里-->

将
溢出：可见
添加到父
div

.overflowProp{
  overflow:visible;
}

here--> <div v-if="isVisible" class="overflowProp absolute right-0 bg-white overflow-hidden border border-gray-300 shadow-lg w-48 z-20 mt-2 py-2 rounded-md">
      
            <ul class="dropdown-container">

.overflowProp{
溢出：可见；
}
这里-->



从这里移除隐藏的溢出，一切都会好起来的，我刚刚调试好这个东西
 


从这里移除隐藏的溢出，一切都会好起来的，我刚刚调试好这个东西

<div v-if="isVisible" class="absolute right-0 bg-white overflow-hidden border border-gray-300 shadow-lg w-48 z-20 mt-2 py-2 rounded-md">