Развернуть div по горизонтали, используя css

Question

Я ищу, чтобы развернуть div по горизонтали после того, как видео динамически изменилось, подобно тому, как YouTube работает над повторной калибровкой.

У меня есть все размеры изображения на видео, и они отлично работают, пользователи могут нажимать кнопку «+» или «стрелка», а размер видео изменяется, но поле справа не падает ниже него и расширяется 100% 1024 пикселей контейнер (максимальный размер видео изменяется). Кроме того, когда видео уменьшено в размерах, окно не будет расширяться влево.

Может ли кто-нибудь помочь мне в этом?

Пожалуйста, обратите внимание на моем jsFiddle в качестве примера http://jsfiddle.net/headex/Xw8EV/ (Примечания: Изображений для изменения размера кнопок не в скрипке, вы просто представить, что они там)

Любой помощь очень признателен.

Cheers!

Answer 1

Попробуйте использовать diplay: inline-block для элементов контейнера. В этом случае вам не нужно определять ширину для него, и он будет иметь размер внутреннего элемента.