0

私はスケルトンcssフレームワークを使用しており、検索入力ボックスを保持するdivでSOがどのように行うかのように、可能な最大幅を占めるためにいくつかのdivが必要です。私が作った簡単なdiv

.all-width{
    background-color:pink;
    }

この div をコンテナー内に表示していて、コンテナーの幅が 940px であるため、ブラウザーが提供するすべての幅を幅でカバーすることはできません。必要なものを取得するために使用できるソリューションはありますか?. divですが、よくわかりません。

4

1 に答える 1

1

ピンクのバーをコンテナの外に移動してみてください。個々のコンテナーの周りにラッパーを作成して、このラッパーが実際に 100% の幅になるようにします。

JSFiddle http://jsfiddle.net/Y5mB6/

HTML

<div class="container">
    <div class="sixteen columns">
        <h1 class="remove-bottom" style="margin-top: 40px">Skeleton</h1>
        <h5>Version 1.2</h5>
        <hr />
    </div>
</div>
<div class='wrapper'>
    <div class="container">            
        <div class="sixteen columns">
            <p>hello world</p>
        </div>
    </div>
</div>
<div class="container"> 
    <div class="one-third column">
        <h3>About Skeleton?</h3>
...

CSS

.wrapper{
    background-color:pink;      
}
于 2012-07-09T19:08:58.877 に答える