Возможно ли это размещение в CSS?

Question

У меня есть макет, который выглядит примерно так: http://jsfiddle.net/pWmBj/2/. Однако, когда .active переключается, я хотел бы #par.active>div иметь следующие свойства:

1. мин-ширина: 100% контейнера (#par)
2. макс-ширина: 300px (если ширина #par > 300px - Я предполагаю, что это поведение по умолчанию для мин-ширина)
3. ширина: авто

проблема заключается в том, что #par.active>div кажется, никогда не заботится о width:auto CSS. Я бы хотел, чтобы он расширялся до своей естественной ширины, но он остается ограниченным его родительской шириной (#par).

Answer 1

Просто выстрел в темноте:

<div> «s являются блочными элементами - по умолчанию, они будут считать ширину своего родителя.

Вы можете попробовать:

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

Я попробовал его на JSFiddle, но я не совсем уверен, что это эффект вы после этого.