html - divの幅を自動拡張

Question

私が見つけたこのフィドルを見て、結果ウィンドウのサイズを変更してください: http://jsfiddle.net/qPHgR/286/

フィドルからのcssは次のとおりです。

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

同じことを達成したいのですが、ウィンドウのサイズが変更されたときに右のdivを固定幅(300px)にし、左のdivを拡大/縮小したいです。コード内の左右の div の HTML の順序を変更せずに修正する方法がわかりません。フロートやその他の属性を試してみましたが、うまくいきません。

ご協力いただきありがとうございます！

Answer 1

これはどうですか：http： //jsfiddle.net/7DKX8/2

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

 .right {

     width: 300px;
     overflow: hidden; }   

Answer 2

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

Answer 3

これはあなたが望むものですか？http://jsfiddle.net/3ZUas/

テキストが干渉しますが、これはあなたが意図したものですか？

主なものはfloat: right;