web-dev-qa-db-ja.com

CSS Layout 2-Column fixed-fluid

ここの誰かが次の2列のCSSレイアウトのためのかなり簡単なチュートリアルを持っているかどうか疑問に思っていました。ヘッダーとフッターがあり、列の高さが等しい、左側の固定列と流体コンテンツ列。

htmlcsslayout
38
Newbie

このダイナミックドライブレイアウト とその親類（私の似たような質問で指摘された）を試してください。

28
chaos

実際には、これに対するさらに簡単な解決策があります。 IE7に戻ります。 #fluid divは、修正された修正プログラムの横にスライドし、すべてのレスポンシブサイトの優れた流動性を維持しながら残りのスペースを占有します。

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

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

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

概念の簡単な説明と思われるチュートリアルを次に示します。 dustinbrewer.com

以下は、私が学んだ元のalistapart.comの記事です。 alistapart.com

幸運を！

1
TallGreenTree