CSSレイアウト2列固定流体

Question

ここに誰かが次の2列のcssレイアウトについてかなり簡単なチュートリアルを持っていたのかと思っていました。 左固定列と流体内容列（ヘッダーとフッターと列の高さが等しい）。

Answer 1

お試しthis Dynamic Drive layoutとその親戚（これは私の似たような質問で指摘されています）。

Answer 2

私が使用しているのは、スクリプトを含まない偽の列レイアウトのハックです。 alistapart.com

幸運： dustinbrewer.com

ここで私が学んだから、元alistapart.comの記事があります：

は、ここでのコンセプトのシンプルな、について説明であるように思わチュートリアルです！

Answer 3

私はそれほどずっと前に発見した実際にはもっと簡単な解決策があります。 IE7にうまく戻っています。 #fluid divは固定された修正の横にスライドし、残りのスペースを占有しますが、すべての応答可能なサイトに対して大きな流動性を維持します。

http://jsfiddle.net/uEj55/1/

#fixed{ 
    width:150px; 
    float:left; 
} 
#fluid{ 
    overflow:hidden; 
}