css 下拉菜单中的嵌套子项与主项重叠

wfypjpf4  于 2023-02-26  发布在  其他
关注(0)|答案(1)|浏览(114)

我试图解决Woocommerce中结帐页面的问题。
当用户尝试选择包裹机器时,下拉菜单按区域排列选项,并在每个选项下显示相应的选项。
但子项目与主要区域选项重叠:IMAGE: overlapping nested elements
这个问题可以在这里看到:https://kvest.ee/en/checkout/事先将物品添加到购物车时。
我试过设置相对位置和inline-block到不同的元素,但似乎没有什么工作。

dbf7pr2w

dbf7pr2w1#

删除(或增加)css中所选类的高度。
此代码,删除高度.

.select2-container .select2-dropdown .select2-results .select2-results__option {
  margin: 0;
  height: 40px; ***<-remove or increase this.***
  line-height: 40px;
  padding: 0 15px;
}

去掉高度后,我看起来就是这个样子。

相关问题