Javascript 多选选项隐藏在下方的div后面

Javascript 多选选项隐藏在下方的div后面,javascript,jquery,html,css,bootstrap-multiselect,Javascript,Jquery,Html,Css,Bootstrap Multiselect,我正在表格单元格中使用multiselect下拉列表。 但是当我点击它时,选项隐藏在它下面单元格的内容后面 我做错了什么 $(“#示例入门”).multiselect({ 按钮宽度:“700px”, 最大高度:200, 按钮文字:功能(选项,选择){ var标签=[]; 选项。每个(函数(){ if($(this).attr('label')!==未定义){ labels.push($(this.attr('label')); }否则{ labels.push($(this.html()); }

我正在表格单元格中使用multiselect下拉列表。 但是当我点击它时,选项隐藏在它下面单元格的内容后面

我做错了什么

$(“#示例入门”).multiselect({
按钮宽度:“700px”,
最大高度:200,
按钮文字:功能(选项,选择){
var标签=[];
选项。每个(函数(){
if($(this).attr('label')!==未定义){
labels.push($(this.attr('label'));
}否则{
labels.push($(this.html());
}
});
返回标签。连接(“,”)+“”;
}
});

呼吸练习
处方
健康饮食资讯
健康饮食资讯
添加

添加到周围的容器。

尝试将appendTo=“body”作为属性添加到p-multiSelect

结果应该如下所示:

我遇到了这个问题,添加这个属性为我解决了这个问题

Overflow: visible;