由于列表上的溢出，无法在此列表的左侧弹出下拉菜单(减边距-左侧)

Question

请参阅此小提琴：http://jsfiddle.net/od4vjhbc/6/

基本上，当在#contact-list上设置overflow时，下拉菜单(当单击列表中的联系人时)不会完全显示，因为它被剪切了。

删除/注释#contact-list上的溢出，然后弹出窗口将完全显示。

即使设置了overflow，如何使其正常工作(单击联系人时将完全显示菜单)？(如果列表中有很多联系人，则需要溢出)。

如果需要，我应该对HTML进行什么样的结构更改？

Answer 1

将溢出应用于联系人列表，而不是# .name -list

像这样：http://jsfiddle.net/mn01ouat/

 #contact-list {
  width: 150px;
  float:right;
  padding: 0;
  margin: 0;
  max-height: 300px;
  /*overflow-y: auto;*/
}

#contact-list .name{
  width: 150px;
  max-height: 300px;
  overflow-y: auto;
}