0

コンテンツ div とサイドバー div をネストしたメイン コンテンツ div があります。私のコンテンツ セクションは背景色で、画面の左側にずっと移動したいのですが、列ごとに設定したところで停止します。これは 8 です。

<div id="main-content">
  <div class="container">
    <div id="content">
    </div>
    <div id="sidebar">
    </div>
  </div>
</div>

#content { 
  @include span-columns(8, 12);
  background-color: rgba(0, 0, 0, .5);
}

#sidebar { @include span-columns(4 omega, 12); }

ブリード ミックスインを試して 10000px 程度にしましたが、すべてのコンテンツが圧縮されました。私が求めているものを達成するために私にできることはありますか? ありがとう！

4

1 に答える 1

1

ああなるほど。これを行う方法はいくつか想像できますが、いずれも少しの創造性が必要です。古い (元の) Susy サイトでは、ブリード アプローチを使用して実際にこの効果を作成しました。それは次のように機能します：

.container { @include container; }

#content {
  @include span-columns(8, 12);
  @include bleed(200%, left);
  background-color: rgba(0, 0, 0, .5);
}

#sidebar { @include span-columns(4 omega, 12); }

そのアプローチにはどのような問題がありましたか?

于 2013-02-16T21:51:06.697 に答える