左に固定幅div、右に余分幅divを入力

Question

左に固定幅の画像を含むdivと背景色を持つ可変幅のdivが必要です。これはデバイス上で幅を100％延長する必要があります。 2番目のdivが固定divをオーバーフローさせるのを止めることはできません。

可変幅divにoverflow：hiddenを追加すると、次の行の写真の下にジャンプします。

後でメディアクエリで応答する必要があるため、デバイスごとに他の解像度のイメージでイメージを変更する必要があるため、正しい方法（ハックや余白なし）を修正するにはどうすればよいですか？応答ウェブサイトの恐怖に取り組むためにしようと

• 初心者のWebデザイナー -

HTML：

<div class="header"></div> 
<div class="header-right"></div> 

CSS：

.header{ 
    float:left; 
    background-image: url('img/header.png'); 
    background-repeat: no-repeat; 
    width: 240px; 
    height: 100px; 
    } 

.header-right{ 
    float:left; 
    overflow:hidden; 
    background-color:#000; 
    width: 100%; 
    height: 100px; 
    } 

Answer 1

.header-rightからfloat:leftとwidth:100%を削除してください- 権利divは要求どおりに動作します。

this jsfiddleを参照してください。