1

Web サイトを作成するニーズに合わせて、修正版の cssgrid.net を使用しています。今、私は MapBox マップをその上にある背景として使用しようとしていますがdiv、マップ上の div のラッパーではマップをドラッグできないため、ドラッグに問題があります。

DOM Inspector で確認できるように、ラッパーdiv.rowは使用可能な水平方向のスペース全体を使用しており、その下にマップをドラッグすることはできません。

私の問題を JSFiddleで再現したので、実際に使用しているマークアップと CSS を確認できます。

編集:私が抱えている問題のスクリーンショットを撮りました。は として定義されているため、ここdiv.rowでは水平方向のスペースを取りますmax-width: 1140px; margin: 0 auto;。つまり、幅を変更すると中央に配置され、余白を変更すると左に引っ張られます。

レイアウトのスクリーン キャプチャ

また、テスト中に分かったのは、a を設定するpaddingとクリックスルーが許可されないが、a を設定すると許可されることですmargin。

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与える.rowfloat:left;.containeroverflow: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 に答える