現在、主にグリッドシステムのみである 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
大きな空白を残します。
この問題に対する他の解決策はありますか? または、行の下のコンテンツを「プル」する方法に関する提案はありますか?