0

現在、主にグリッドシステムのみである Twitter Bootstrap プラグインを使用しています。

レスポンシブ デザインのために、ある行を別の行の上に配置しようとしています。

Chrome では、これは完全に機能します。

<div class="container">
    <div class="row">
        <div class="content">
            abcd
        </div>
    </div>
    <div class="row" id="moveUpRow">
        <div class="content">
            efgh
        </div>
    </div>
</div>

CSS:

.row {
    height: 200px;
}

#moveUpRow {
    margin-top: -200px;
}

しかし、Firefox と IE ではどちらも負のマージンを無視します。を試しましたが、行の下のすべての要素ではなく、top: -200px上に移動するだけです。row大きな空白を残します。

この問題に対する他の解決策はありますか? または、行の下のコンテンツを「プル」する方法に関する提案はありますか?

4

2 に答える 2

1

私は同じ問題を抱えていました。私の場合、最初の行に 2 つの浮動要素があったため、2 番目の行に負のマージンを配置すると、行全体が移動します。奇妙なことに、Chrome では問題なく動作しましたが、Firefox では動作しませんでした。

overflow:hidden; を追加してみてください。その場合は行に。

于 2014-10-21T08:25:06.560 に答える