html - CSS 固定左、可変右、固定幅の中央揃え

Question

CSSを使用して作成したいものの画像を作成しました。また、 JSFiddleで小さなセットアップを行いました。

問題は、右側の流体列を除いて、すべてを作成できることです。スライドショーで画像を表示するために使用しています。画面の右側から表示し、左側のコンテンツ 1 の「後ろ」で消えてほしいと思います。

絶対配置、相対配置、固定配置を試してみました。しかし、その結果、コンテンツ 1 の中央左の配置が失われるか、列 2 の右側に流動的な列がなくなります。

Answer 1

画面全体を埋めるには、width：100％を使用する必要があります。http：//jsfiddle.net/a9Yda/2/

Answer 2

このコードはあなたが探していたものですか?

あなたが探していた効果を達成したように見える右のdivに固定位置と最小幅を追加しました。