0

これは私のサイトです。

黒い div を親 div から抜け出させ、ブラウザの幅に広げようとしています。

私は負のマージンでこれをやろうとしています。

そのようです

.aboutTop {
    background-color: black;
    width: 100%;
    height: 600px;
    position: relative;
    margin-left: -100px;
    margin-right: -100px;
}

注：margin-left: -100%;上記を使用して、何が問題なのかを確認してみました。

ただし、margin-right は機能しません。

ボックスを左に 100px だけ移動します。

どうしてこれなの？

4

3 に答える 3

0

margin-rightプロパティは、左揃えで操作すると面白いです。右に移動するのではなく、右にスペースを作成します。以前の関連する質問に答えたので、負の右マージンを追加するのではなく、画面に合わせて幅を増やすだけです。ボックスを左隅に配置し、幅を広げてページに合わせます。

これがあなたがしなければならないことです。分割全体を取得し、その幅を含む親から移動しますUSE：

#yourdiv{
position:absolute;
top:200px;
left:0;
background:black;
width:100%;
height:200px;

}

それを最も簡単な方法で行ってください...いじり回す代わりに。その気の親divからそれを取得します。

于 2012-10-03T10:49:23.963 に答える
0

取り外しmargin-rightて、で調整しmargin-leftます。

于 2012-10-03T11:01:52.840 に答える
0
  • 幅を 100% に設定します (つまり、親の 100% になります)。
  • あなたは、両側で親の幅から抜け出したいと言います!
    これは相反する

左のマージンは想定どおりに機能していますが、100% の制限に達したため、右のマージンはそうではありません!

width:100%; を削除します。そして、あなたは行く準備ができています!

[編集]
上記では、ブラウザの問題の 100% 幅を解決できません
。

var screenwidth = (window.innerWidth > 0) ? window.innerWidth : screen.width;

そして、次のようなもの

document.getElementById('aboutTop').style.width = screenwidth;

これには、class='aboutTop' を id='aboutTop' に変更する必要があります。

于 2012-10-03T10:56:18.197 に答える