下拉菜单显示在div之外

问题描述

我想在我的google map api的信息窗口中放置一个按钮下拉菜单，但是，当我单击该按钮以激活该下拉菜单时，它显示在信息窗口内部而不是外部，这使得信息窗口可滚动。 / p>

信息窗口代码：

{% for language in AVAILABLE_LANGUAGES.items() %}
    {% if CURRENT_LANGUAGE == language[0] %}
        {{ language[1] }}
    {% else %}
        <a href="{{ url_for('set_language',language=language[0]) }}" >{{ language[1] }}</a>
    {%  endif %}
{% endfor %}

这是一个演示：https://jsfiddle.net/zr52yo18/

我希望下拉菜单显示在信息窗口之外。

解决方法

添加以下CSS，它将起作用。

div.gm-style-iw {
  overflow: visible !important;
  padding: 20px !important;
}
div.gm-style-iw-d{
  overflow: visible !important;
}

以下是演示：https://jsfiddle.net/gxay38dz/