0

300pxのコンテナで100％幅のdivを作成したいのですが、どうすれば可能ですか？postitonの親戚とabsoulteを試しましたが成功しませんでした。

.container { margin:0 auto; text-align:center; background-color:black; width: 300px;}
.normalOne { background-color:grey; height: 50px;}
.hundredProcent { background-color:blue; height: 50px; width:100%;}
.normalTwo { background-color:red; height: 50px;}

<div class="container">
  <div class="normalOne"></div> 
  <div class="hundredProcent"></div> 
  <div class="normalTwo"></div> 
</div>

そしてここにフィドルがありますhttp://jsfiddle.net/lamberta/2U893/

4

2 に答える 2

1

div.hundredProcent次のスタイルで内部に追加の div を 1 つ追加しました。

style='position:absolute; background-color:yellow; height: 50px; width:100%;left:0px;'

この更新されたfiddleを確認してください。または divに設定position:relativeしないでください.container.hundredProcent

于 2013-01-07T09:59:55.097 に答える
0

CSSだけではできません。Javascript を使用します。このようなもの

document.getElementsByClassName('hundredProcent')[0].style.width = 
    document.body.clientWidth+'px';

たとえば、onloadハンドラーで。

必要なすべてのブラウザで動作することを確認してください。最新のすべてのブラウザーに実装されているかどうかさえわからないため、それを明確に識別するためにgetElementsByClassNamediv を指定する必要がある場合があります。id

于 2013-01-07T09:21:51.510 に答える