用div缩放div宽度

Question

我有一个视频和一个聊天窗口，我希望视频（绿色）可以通过浏览器放大/缩小。聊天（红色）应该保持相同的宽度并保持固定在右边，两者之间的间距小25px。

实现这一目标的最佳方式是什么？

屏幕截图：

这是我的代码的屏幕截图（由于某种原因，我不允许将其粘贴到此处）： http://www.evernote.com/shard/s321/sh/2ed5d114-5cde-4104-8a85-fb6b62babbd2/a9de27520e13d21b39bf9bb90e439985

Answer 1

尝试以下方法：

#live-video-div{
  float:left;
  width: calc(100% - 275px);
  height: 100%;
  margin: 0;
  background: green;
}
#chat-div{
  float: left;
  width: 250px;
  height: 300px;
  margin: 0 0 0 25px;
  background: red;
}

演示：http://www.cssdesk.com/59B2G