使用css水平展開div

Question

我希望在動態調整視頻大小後水平展開div，這與YouTube在重新調整大小時的工作方式類似。

我已經在視頻上重新調整了圖像大小，並且它們工作正常，用戶可以按+或 - 箭頭正常並調整視頻大小，但右側的框不會低於它並且擴大1024像素的100％容器（最大視頻大小）。另外，當視頻縮小時，該框不會向左擴展。

任何人都可以幫助我嗎？

請看看我的jsfiddle作爲一個例子http://jsfiddle.net/headex/Xw8EV/（注：的調整按鈕的圖像是不是在小提琴，你只需要想象他們在那裏）

任何幫助非常感激。

乾杯！

Answer 1

嘗試使用diplay: inline-block作爲容器元素。在這種情況下，您不必爲其定義寬度，它將具有內部元素的大小。