实现Css:在卡片中选择

mtb*_*unu 3 css select materialize drop-down-menu

我想在卡片中使用select.

问题是当选择列表打开并且它应该在卡外溢出时,它不会.

溢出的部分被隐藏/阻止/消失.

我试过跟随并失败了:

  • 溢出:可见
  • 增加z指数
  • 将位置更改为相对位置(这会动态增加卡片以适应选择 - 不希望的结果)

在一个侧面问题上,在卡片中使用选择(或其他输入)是不是一个合适的材料设计?

小智 7

这是因为.card班级上有风格overflow: hidden.如果从卡中删除它,它将允许选择的内容流出其边界.

添加overflow: visible.card作品.这是一个codepen.只需确保正确覆盖.card类样式.