谷歌地图元素上的流氓保证金

Question

从google地图元素中获取看似流氓边缘的内容。画廊应该在右边，但这个边缘正在停止。似乎无法找到产生这一利润的因素。即使是元素检查员'Metrics'？工具显示没有边距，但屏幕上突出显示的元素显示推到页面右边缘的边距

我的元素CSS。

.gallery-map {
  height: 320px;
}
@media (min-width: 415px) {
  .gallery-map {
    height: 416px;
  }
}
@media (min-width: 780px) {
  .gallery-map {
    height: 500px;
    width: 500px;
  }
}

明确地将margin和margin-right设置为0，尝试将其包含在包装div中（从地图元素中删除了流氓边距并将其放在新的包装元素上）以及其他一些内容

A link to the branch I'm working on for this

Answer 1

修复程序设置了几个内联块

.gallery-map {
    height: 320px;
  display: inline-block;

  @media (min-width: 415px) {
    height: 416px;
  }

  @media (min-width: 780px) {
    height: 500px;
    width: 64.5%;
  }
}

另外为了让画廊出现，我需要专门为媒体查询添加内联块

.gallery {
  height: 318px;
  overflow-y: scroll;
  overflow-x: hidden;
  @media (min-width: 780px) {
    width: 35%;
    display: inline-block;
  }
}