您如何将 Google Places Autocomplete API 上的下拉菜单设置为“响应式”？答案

【问题标题】：How do you style the dropdown on Google Places Autocomplete API to be "responsive"?您如何将 Google Places Autocomplete API 上的下拉菜单设置为“响应式”？
【发布时间】：2016-02-26 21:30:40
【问题描述】：

我的网站中有一个有效的搜索框和来自 Google Places API 的自动填充功能。问题是当搜索框离屏幕边缘太近时，自动完成下拉菜单会显示在下方，而您看不到它。

如何让它响应？这样当下拉菜单离开屏幕时它会转到另一边并且它实际上是可见的？

我在这里看过文档：https://developers.google.com/maps/documentation/javascript/places-autocomplete 我看到他们有一个下拉“pac-container”的课程，但没有任何内容。

有谁知道如何解决这个问题？谢谢！

【问题讨论】：

相关问题：google maps api places menu，google maps autocomplete container position；都没有答案。
CSS相关问题：dropup menus in CSS?,Making DropDown menu 'DropUp';不知道它们是否适合你。

标签： google-maps google-places-api google-places

【解决方案1】：

这对我有用：

<style type="text/css">
  .pac-container{
    margin-top: -210px;
  }
</style>

【讨论】：