0

私の自家製の CSS グリッドに問題があります。.row のエッジがボディのエッジに接触すると、オーバーフローが発生します。ここでデモを参照してください: http://jsfiddle.net/57BGe/3/説明のために 更新

.row {
  margin: 0 -15px;
}

どうすればオーバーフローを防ぐことができますか? (オーバーフロー: なし。電話ではまだスクロールでき、デスクトップではある程度の力でスクロールできるため、機能しません)

* UPDATE * Bootstrap を見ると、 # http://getbootstrap.com/css/ dev コンソールを使用してみて、.row の margin-left を body でオーバーフローするものに変更してください。(例: -150px)
これを行っても、水平方向にスクロールできません。

4

2 に答える 2

0

解決策を見つけました。
ボディとhtmlにoverflow: hiddenを入れようとしましたが、まだスクロールできました。
だから私はオーバーフローを隠したコンテナを作り、その中にすべてをラップしました。

それはそれをうまく機能させました。少し汚い回避策ですが、実行する必要がありました。

于 2014-04-12T21:13:10.937 に答える