html - 自动扩展div的宽度

Question

看看我找到的这个 fiddle ，然后调整结果窗口的大小:http://jsfiddle.net/qPHgR/286/

这是 fiddle 中的 css:

.left { 
    float: left;
}
.right { 
    background-color: #DDD;
    overflow: hidden;
}

我想实现相同的目的，但我希望右边的 div 具有固定宽度 (300px)，而左边的 div 在调整窗口大小时展开/收缩。我不知道如何在不更改代码中左右 div 的 HTML 顺序的情况下修复它。我尝试过花车和其他服装，但无法让它发挥作用。

感谢您的帮助!

Answer 1

.container {
  position: relative;
}
.left { 
  background-color: #DDD;
  margin-right: 300px;
}
.right {
  position: absolute;
  right: 0;
  top: 0;
  width: 300px;
}