如何让IE不切断弹出菜单？

Question

我有一个父容器，里面有一个 table。 table 的每一行都有一个弹出菜单，可以通过单击打开。在容器底部，单击它时，它会在 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, 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,46,0.5);
    -moz-box-shadow: 0px 4px 10px -2px rgba(46,46,46,0.5);
    box-shadow: 0px 4px 10px -2px rgba(46,46,46,0.5);
  }

如能提供任何帮助，我们将不胜感激。

Answer 1

IE 需要 overflow-x：可见，Chrome/Firefox 不可见。在使用它一段时间后，发现这是问题所在。

如何让IE不切断弹出菜单？

How Can I Have IE Not Cut Off Popup Menu?

html

css

overflow

internet-explorer-11