固定幅の左オフセットとCSSの相対幅を混在させることはできますか？

私はこのような状況があります。これは、表現することになって何固定幅の左オフセットとCSSの相対幅を混在させることはできますか？

+------------------------------------------------------------------------------+ 
|                    | 
|      +---------------------------------------------------+ | 
|      |             | | 
| <- fixed width -> | <-    flexible width    -> | | 
|      |             | | 
|      +---------------------------------------------------+ | 
|                    | 
| <-       flexible width         -> | 
|                    | 
+------------------------------------------------------------------------------+

は、ブラウザに表示されて外側のDIVとその子（もDIV）です。外側のdivは、可視領域の例えば90％を占めます(width: 90%)。画面のサイズが変更されると、サイズが変更されます。最小幅があれば問題ありません。

子divは、外側のDIV (left: 200px)の左側から一定のピクセル数を保持することを意味します。

親（つまりchildWidth =（parentWidth - 200）* .9）でサイズを変更したいと思います。

CSS/howでこれを行うことはできますか？

出典

2012-03-31 Ben Flynn

+1 ascii skillz。 – iambriansreed

ありがとう、@ iambriansreed - 私は私のお父さんのATEXでASCIIアートを作っていました。私は空想を得て、jsfiddleでも例を挙げました：http://jsfiddle.net/benf1977/kLjTt/ –

はい、leftに加えて、right: 0pxを内側のdivに追加するだけです。

（また、asciiの代わりにjsfiddle.netを試してください））

出典

2012-03-31 01:09:39 Knio

幅を設定する必要はありますか？ちょうど左右に設定すると、右は無視され、幅は外側のフルサイズです。私の外側divが固定位置であることは重要ですか？関連性があるとは思わなかった。 –

また、ええ、私はこれをjsfiddleしようとします。良い提案！ =） –

ああ、OK。 innerは 'position：relative'ではなく' position：absolute'でなければなりません。ありがとう！ –

固定幅の左オフセットとCSSの相対幅を混在させることはできますか？

答えて

関連する問題