html - 高さ: 100% 含まれている要素の下部に達していません

Question

同様の質問を見てみましたが、解決策が見つからないようです。誰かがここを見て、サイドバーがコンテンツ div の下部まで伸びていない理由を確認していただければ幸いです: http://robert.io/posts/1.html

私は間違いなくこれにJavascriptを使用したくありません。助けてくれてありがとう！

Answer 1

簡単な修正は、これらを追加することです：

body { background-color: #2C3B63; }
#content { background-color: white; }

Answer 2

次の CSS 変更を行います。

<style type="text/css">
#page {
    display: table;
    height: 100%;
}

#sidebar, #content {
    display: table-cell;
    float: none;
    clear: none;
}

#sidebar {
    vertical-align: top;
}
</style>

Chrome 26 (OS X) でテスト済み