1

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

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

我已经在 J​​SFiddle 中重现了我的问题，因此您可以看到我正在使用的实际标记和 CSS。

编辑：我截取了我遇到的问题的屏幕截图。这里div.row取水平空间，因为定义为max-width: 1140px; margin: 0 auto;。这意味着如果我改变它的宽度，它就会居中，如果我改变它的边距，它就会把自己拉到左边。

布局的屏幕截图

另外，我在测试时发现的一件事是设置 apadding不允许我点击，但设置 amargin可以。

4

1 回答 1

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/

于 2013-01-27T14:37:18.217 回答