0

div A が幅 500px の別の div (B) 内に含まれている場合、div A が画面全体の幅であり続けるにはどうすればよいでしょうか? その 500px div を「ブレイクアウト」したいのです。

4

8 に答える 8

4

あなたの質問を考えるとposition:absolute、div A で使用できます。最も近い位置にある親 (固定、絶対、または相対位置を持つ親) を見つけます。ただし、最も近い位置にある要素の幅を 100% にし、左にぴったりと配置する必要があります。

これはbody を使用したデモです

<body>
    <div id="b">
        <div id="a">test</div>
    </div>
</body>

body{
    position:relative;
}

#b{
    width:500px;
}

#a{
    position:absolute;
    top:0;
    left:0;
    right:0;
}
于 2012-05-07T07:46:18.230 に答える
1

子 div で使用position: absoluteし、親をオンのままにしposition: staticます。

于 2012-05-07T07:46:15.427 に答える
0

あなたのためのjsfiddle： http://jsfiddle.net/HRT2M/

.b
{
Position:fixed;
}

div b で動作するはずです

マーティン

于 2012-05-07T07:49:22.680 に答える
0 
<div id="b" style="width:500px;">
   <div id="a" style="width:100%; position:absolute; overflow:hidden;"><div/>
</div>

これは機能します。

于 2012-05-07T08:34:57.613 に答える
0

div A の位置を作成しようとすることができます: 絶対;

于 2012-05-07T07:46:16.477 に答える
0

それはあなたがそれをどのように見せたいかによって異なります。CSS の使用:

overflow:hidden;

div を含む div よりも大きくしますが、その後ろに隠します。

それ以外の場合は、含まれている div の上に表示する場合は、他の回答のように「位置」css を使用できます。

于 2012-05-07T07:48:14.733 に答える
0

クラスまたは ID を div タグに追加できます。このCSSは両方で機能します

#yourdivid .yourdivclass {
     position:absolute;
     left:0;
     right:0;
     overflow:hidden;
}
于 2012-05-07T07:48:40.837 に答える