我在我的网络应用程序中使用谷歌地图，可以在图像中看到： Google Maps padding
该设计基于bootstrap sb-admin（http://startbootstrap.com/template-overviews/sb-admin/）。
问题是地图的意外填充，标记为左和右。在图像上。我希望谷歌地图与上面的3个方框（带有“查看详细信息”）对齐，就像上面第一个方框下方谷歌地图左边的表格一样。
当我查看谷歌地图的细节时，我注意到一般的div不是强制填充，而是一个子div（详见图片）。
有关如何解决这个问题或指出我应该在哪个方向进行搜索的任何建议？
答案 0 :(得分：1)
尝试使用
!important
在你的填充CSS旁边。这应该覆盖谷歌正在添加的任何CSS。还可以在chrome上使用inspect元素来识别创建填充的内容并将样式应用于该内容！
答案 1 :(得分：0)
无法使用＆＃39;正确的＆＃39;来解决问题。 css，但将map div封装在另一个div中为我修复了它：
<div class="row" >
<div class="col-lg-3" id="events"></div>
<div class="col-lg-9">
<div id="map"></div>
</div>
</div>