サイドバーの高さを本文部分と揃えるCSS

質問

イメージ画像のようなレイアウトを制作していますが、うまくいきません。
参考になるサイト（サンプル付きがあれば望ましい）とテンプレートとかがありましたら教えてください。
宜しくお願いします。

回答No.4

ORUKA1951

＞サイドと本文部分がフッターとくっついていませんでした。

　いえ、あなたの補足では「フッターはボトムに固定したいです。 」となっていましたよ。

　本文にくっつけたいなら、もっと楽です。
<!--
html,body{margin:0;padding:0;}
h1,h2,h3,p{margin:0;line-height:1.8em;}
p{text-indent:1em;}
div.header,div.section,div.footer{
width:80%;min-width:470px;max-width:890px;
margin:0 auto;
padding:5px;
}
div.section{
position:relative;/* ★ */
min-height:200px;/* ★ナビゲーションに最低限必要な高さ */
}
div.section h2,div.section div.section{
margin-left:20%;/* ★ナビの置き場 */
}
div.section div.section{
width:auto;min-width:0;
min-height:0;
}
div.section div.nav{
position:absolute;
top:0;left:-2px;
height:100%;/* ★ */
width:20%;
}
/* 色づけ */
div.header{background-color:red;}
div.section{background-color:green;}
div.section div.section{background-color:silver;}
div.section div.nav{background-color:orange;}
div.footer{background-color:navy;}

-->