1

width: 1000px私は、ブラウザウィンドウの幅全体にまたがりたい子であるdiv を持っています。

問題は、以前の幅の継承をオーバーライドする方法がわからないことです。

これをコンテナ div の外側に配置することもできますが、もちろんこれが同様に面倒でない限り、それは非常に不便で回避策になります。

マークアップ:

<div class="centreContainer">

    <div class="menuContainer"></div>

</div>

CSS:

html, body
{
    margin: 0;
    padding: 0;
}

.centreContainer
{
    margin: auto;
    width: 1000px;
}

.menuContainer
{
    width: <what to do>;
    height: 420px;
}

できれば CSS のみの回避策が必要です。ブラウザー ウィンドウの幅を取得してから、menuContainer の幅を次のように設定する愚かな Javascript ソリューションを考えていました。

<variable> / 10 (10 は、1000 / 100 = 10 であるため、1000 は中央のコンテナーの幅です)

menuContainer をオンにしmargin: auto;て中央に配置します。

4

3 に答える 3

0

.menuContainer を絶対位置として相対親位置に配置してみてください。JSフィドル

#root{
display:block;
position: relative;

}

.menuContainer{
position:absolute;
top: 50px;
left: 0;

}

于 2013-01-28T04:10:31.297 に答える
0

position:absoluteこのjsfiddleに示されているものを使用するだけです

.menuContainer
{
    width: 100%;
    height: 420px; 
    position: absolute;
}
于 2013-01-21T11:50:05.373 に答える
0

使用するだけpositionです：

.menuContainer
{
    position: absolute;
    width: 100%;
    height: 420px;
}
于 2013-01-21T11:47:07.877 に答える