1

固定サイドバーが右に浮いている 2 列のレイアウトを設定するために、この問題に遭遇しました。コンテンツ コンテナに余白を設定しているので、ブラウザ ウィンドウのサイズを変更しても滑らかになります。

ただし、コンテンツ セクションは実際にはサイドバーの「上」にあるため、新しいコンテンツはサイドバーをページの下に押し込みます。基本的なレイアウト用にセットアップしたライブ デモをここで見ることができます。

これを修正する唯一の方法は、サイドバーを HTML マークアップのコンテンツの上に移動することです。しかし、これは修正のようには感じられません。正直なところ、サイドバーの前にコンテンツを表示したいと思っています。これは、ドキュメントがそのように構成されているためです。フローティング サイドバーをコンテンツ領域の一番上に揃える方法はありますか?

4

1 に答える 1

1

メディア オブジェクトhttp://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/をご覧ください。

デモ: http://dabblet.com/gist/3729182

列の幅を指定していないため、独自のパーセンテージを使用しました。サイドバーが細くなりすぎたら、Media Query を使用してサイドバーをクリアできます。

于 2012-09-15T18:32:51.350 に答える