css - 使用css水平展开div

Question

我希望在动态调整视频大小后水平扩展一个 div，类似于 YouTube 调整大小的方式。

我已经调整了视频中的图像大小并且效果很好，用户可以按 + 或 - 箭头很好调整视频大小，但右边的框不会落在它下面并展开 1024px 容器的 100% (视频调整大小的最大值)。此外，当视频尺寸缩小时，框不会向左扩展。

谁能帮我解决这个问题？

请以我的jsFiddle为例http://jsfiddle.net/headex/Xw8EV/ (注意:调整大小按钮的图像不在 fiddle 中，您只需想象它们就在那里)

非常感谢任何帮助。

干杯!

Answer 1

尝试对容器元素使用display: inline-block。在这种情况下，您不必为其定义宽度，它将具有内部元素的大小。