html - このレイアウトは CSS で可能ですか?

Question

http://jsfiddle.net/pWmBj/2/のようなレイアウトがあります。ただし、.activeをオンに#par.active>divすると、次のプロパティが必要になります。

1. min-width: コンテナーの 100% (#par)
2. max-width: 300px (#par width > 300px でない限り -- これが min-width のデフォルトの動作であると想定しています)
3. 幅: 自動

問題は、 CSSを#par.active>divまったく気にしていないように見えることです。width:auto自然な幅に拡張したいのですが、親の幅 (#par) に制限されたままです。

Answer 1

暗闇の中でのショット：

<div>はブロック レベルの要素です。デフォルトでは、親の幅が想定されます。

あなたは試すことができます：

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

あなたの JSFiddle で試してみましたが、それがあなたの求めている効果かどうかは完全にはわかりません。