地图上的非绝对或固定div

Question

我正在使用cssgrid.net的修改版本来满足我制作网站的需求。现在我正在尝试将MapBox地图作为其上的div的背景，但我的问题是拖动，因为地图上div的包装器不允许我拖动地图

正如我在DOM Inspector中看到的那样，包装器div.row使用了可用的整个水平空间，不允许拖动它下面的地图。

我已经复制了我的问题in a JSFiddle，因此您可以看到我正在使用的实际标记和CSS。

编辑：我对我遇到的问题采取了一个屏幕保护程序。这里div.row占用水平空间，因为它被定义为max-width: 1140px; margin: 0 auto;。这意味着如果我改变其宽度，它会居中，如果我改变它的边距，它会将自己拉到左边。

此外，我在测试时发现的一件事是，设置padding不允许我点击，但设置margin会这样做。

Answer 1

我删除了.trecio，并更改了.row div。

以您最佳的方式更改.row的宽度，我已将其设置为width:180px;

.row  {
    clear:both;
    margin-left:10px;
    overflow:hidden;

    width:180px;
}

检查出来：http://jsfiddle.net/WxALp/

我再次删除.tercio，将.row float:left;和.container overflow:hidden;

.container {
    padding: 3em 20px;
    overflow:hidden;
}
.row  {
    clear: both;
    width: 200px;
    margin: 0 auto;
    overflow: hidden;
    float:left;

}

检查：http://jsfiddle.net/AliBassam/ZHZtU/