前回の「簡単にCSSレイアウトできるフレームワークを考えてみる」の続きです。はてなのトップ画面のようにサイドメニューの幅が固定表示され、メインコンテンツ幅が伸縮するCSSレイアウトのフレームワークを考えて見ます。 position 指定によるサブ固定・メイン可変 はてなダイアリー管理画面がこの方式を採用してるようです。メインコンテンツにサイドメニューの幅分のmarginを与え、そこの空いたスペースに position:abosolute でサイドメニューを配置する方法です。 サブコンテンツを position でレイアウトした場合の欠点として、以下のような事があげられます。 サブコンテンツの包括要素にclearfix等を適用しても、サブコンテンツ分の高さを包括要素に加えることができない 同様の理由でメインコンテンツの高さがサブコンテンツより小さいと、サブコンテンツがフッターにかぶってしまう