0

コード:

<div id="pagewrap">
   <div id="test">
      asdf asdf asdf
   </div>
</div>

「pagewrap」ID の幅は 980px css に固定さtestれていますが、980px より大きい画面の全幅を ID に設定したいとします。CSSを使用することで、これは可能ですか?

4

5 に答える 5

1

position: absolute;子 div を 100% にするために使用します。

デモ

CSS

#pagewrap {
    width: 980px;
    background-color: #ff0000;
}

#test {
    width: 100%;
    background-color: #00ff00;
    position:absolute;
}
于 2012-11-04T16:12:01.200 に答える
1

#testanposition:absoluteを付けて作ることもできますwidth:100%

デモ用に小さな jsfiddle を作成しました: http://jsfiddle.net/MAAaD/

于 2012-11-04T16:12:41.797 に答える
0

いくつかの解決策があり、最良のものから最悪のものまでリストされています。

  1. それを与えるposition: absolutewidth: 100%。(私がする前にmr.alexが述べたように)。
  2. 親divから引き出して、width: 100%. (これはセマンティクスを妨げる可能性がありますが、対話などとして使用する場合はうまく機能します)。
  3. JavaScript を使用します。(上記の回答のいずれも使用しない十分な理由がある場合のみ)。
于 2012-11-04T16:13:12.837 に答える
-1

これを試して:

#pagewrap #test {
   width: 1000px !important;
}
于 2012-11-04T16:10:46.263 に答える
-2

100% 幅を使用してみてください。親タグの完全なサイズをカバーします。

width:100%
于 2012-11-04T16:12:46.273 に答える