このレイアウトはCSSで可能ですか？

Question

私はこのようなレイアウトを持っています：http://jsfiddle.net/pWmBj/2/。

1. 最小幅：容器（#par）
2. 最大幅の100％：300ピクセル（ない限り#par幅.activeがオンに切り替えられたとき しかし、私は、次の特性を有すること#par.active>divを希望します> 300ピクセル - 私は幅
3. ）ことが分幅のデフォルトの動作だと仮定しています：自動

問題は#par.active>divがwidth:auto CSSを気にするようではありませんということです。自然な幅に拡大したいが、それは親の幅（#par）に制約されたままである。

Answer 1

ただ、暗闇の中でショット：

<div>年代には、ブロックレベル要素です - デフォルトでは、彼らは彼らの親の幅を想定します。

あなたは試みることができる：

#par.active>div { 
... 
display: inline-block; 
} 

私はあなたのJSFiddle上でそれを試してみましたが、私はそれはあなたが後にしているエフェクトの場合は完全にはわかりません。