縮放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