html - スケルトン グリッド システム: コンテナーを 100% にする

Question

ルート div (コンテナ) をドキュメントの 100% にすることは可能ですか?
ここに私のコードがあります:

<div class="container" style="width:100%;">
    <div id="topbar" class="sixteen columns" style="background-color:green;">topbar topbar topbar topbar topbar topbar </div>
</div>

ありがとう

Answer 1

この質問が何年も前に出されたことは知っていますが、Skeleton にはこのためのユーティリティ クラスがあります。

基本的に、.u-full-widthおよび.u-max-full-widthクラスを any <div>with classに追加し.containerます。

またはクラスを持つ要素を対象としていないように見えるので、それが<div>class を持つ要素上にあることを確認してください。.container<div>.row.column

Answer 2

独自のコンテナ クラスを作成する必要があります。スケルトン レスポンシブ プラットフォームの css が頭の中でどのように見えるかわかりません。私は Columnal と呼ばれるものを使用していますが、似ていることがわかっているので、このようなものにする必要があります...

.full-width-container {
width: 100%;
max-width: 100%;
clear: both;
margin: 0 auto;
}

通常のCSSは次のようになります.container { max-width: 1140px; width: 100%; clear: both; margin: 0 auto; }