0

978.gs とブループリントの両方を使用して、次のレイアウトを作成しようとしました。

希望する CSS レイアウトのスクリーンショット

サイドバーの上にある 100% ページ幅のヘッダーを取得する方法は知っていますが、グリッド システムを使用して、サイドバーと入れ子になった 100% 幅のヘッダーで目的のレイアウトを取得する方法に苦労していますか? グリッド システムでは不可能な場合、どうすればこれを達成できますか?

4

1 に答える 1

0

Michael P さん、質問はより具体的にするようにしてください (ただし、私たちのほとんどは、あなたの簡潔な言葉遣いに感謝しています!)。お答えしたいと思います。ご理解いただけたかと思います。できたとしても、心配はいりません。簡単です。

  • サイドバーには固定の CSSwidth属性があり、左側に配置されています。
  • メイン セクション (右側) は、残りのページ幅を占有する必要があります (おそらく、サイドバーmargin-leftと同じ値に設定されていますpx)。
  • あなたのメイン セクションには、サイドバーとは別のヘッダー バーが含まれていますね。メイン セクションにはグリッド システムも含まれます。

<div></div>いずれにせよ、メイン セクションは HTML要素であるべきですよね?

メインセクション内に別の div を配置すると、幅 100% にすることができます。それは、親コンテナと同じ幅だけいっぱいになります。この写真を参照してください:ここに画像の説明を入力

とにかく、これを作るために私が作ったコードのフィドルがあります: http://jsfiddle.net/Vm7YU/ チェックしてください。これがあなたの質問に答えることを願っています。そうでない場合は、そう言ってください。

于 2012-07-16T04:17:08.600 に答える