CSS父位置相对和子位置绝对

Question

您好我正在使用Google MDL Framework和来自CreativeIT的getmdl-select，但我有一个问题。

select有“position：absolute; z-index：999”属性，父有“position：relative” 但是如果容器太小，则select不会显示在容器外：https://i.imgur.com/Jrns1YI.png select的元素应该出现在蓝色方块中，但它们隐藏在mdl-card后面。

如何防止这种行为？

由于

以下是文件： Google mdl css文件：http://pasted.co/b8ff155a getmdl-select css文件：http://pasted.co/c651769d

我认为问题来自mdl-menu__container和mdl-card

Answer 1

最有可能的是，父卡元素应添加overflow:visible。