我如何才能使IE不中断弹出菜单？

问题描述

我有一个父容器，其中有一个表。表格的每一行都有一个弹出菜单，可以通过单击它来打开。单击容器底部时，单击它可以在Chrome / Firefox中正常显示，但IE 11会在容器底部切断菜单。我敢肯定这个问题很容易解决，但是我不确定它是什么或如何查找。我尝试设置父容器的宽度和高度没有运气。

Chrome示例：

IE示例：

以下是父容器的CSS：

.payment-table {
  border-collapse: collapse;
  border: none;
  border-radius: 5px 5px 0 0;
  margin: 0 0 25px 0;
  font-size: 1em;
  min-width: 600px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: visible;
  box-shadow: 0 0 20px rgba(0,0.15);
}

这是菜单的CSS：

  .action-submenu {
    margin-top: 8px;
    border: 1px solid lightgrey;
    border-radius: 3px;
    min-width: 150px;
    background-color: #fff;
    position: absolute;
    right: 0;
    z-index: 4000;
    -webkit-box-shadow: 0px 4px 10px -2px rgba(46,46,0.5);
    -moz-box-shadow: 0px 4px 10px -2px rgba(46,0.5);
    box-shadow: 0px 4px 10px -2px rgba(46,0.5);
  }

任何可以提供的帮助将不胜感激。

解决方法

IE要求溢出-x：可见，而Chrome / Firefox没有。经过一段时间的使用，发现这是问题所在。