コード:
<div id="pagewrap">
<div id="test">
asdf asdf asdf
</div>
</div>
「pagewrap」ID の幅は 980px css に固定さtest
れていますが、980px より大きい画面の全幅を ID に設定したいとします。CSSを使用することで、これは可能ですか?
コード:
<div id="pagewrap">
<div id="test">
asdf asdf asdf
</div>
</div>
「pagewrap」ID の幅は 980px css に固定さtest
れていますが、980px より大きい画面の全幅を ID に設定したいとします。CSSを使用することで、これは可能ですか?
position: absolute;
子 div を 100% にするために使用します。
CSS
#pagewrap {
width: 980px;
background-color: #ff0000;
}
#test {
width: 100%;
background-color: #00ff00;
position:absolute;
}
#test
anposition:absolute
を付けて作ることもできますwidth:100%
デモ用に小さな jsfiddle を作成しました: http://jsfiddle.net/MAAaD/
いくつかの解決策があり、最良のものから最悪のものまでリストされています。
position: absolute
とwidth: 100%
。(私がする前にmr.alexが述べたように)。width: 100%
. (これはセマンティクスを妨げる可能性がありますが、対話などとして使用する場合はうまく機能します)。これを試して:
#pagewrap #test {
width: 1000px !important;
}
100% 幅を使用してみてください。親タグの完全なサイズをカバーします。
width:100%