बाईं ओर फिक्स्ड चौड़ाई div, दाएं

Question

पर शेष चौड़ाई div भरें, मुझे बायीं ओर एक निश्चित चौड़ाई वाली छवि के साथ एक div और पृष्ठभूमि रंग के साथ एक चर चौड़ाई div, जो मेरे डिवाइस पर इसकी चौड़ाई 100% का विस्तार करना चाहिए। मैं दूसरे div को मेरे निश्चित div को बहने से नहीं रोक सकता।

जब मैं अतिप्रवाह जोड़ता हूं: वेरिएबल चौड़ाई div पर छिपा हुआ यह अगली पंक्ति पर फोटो के नीचे कूदता है।

मैं इसे सही तरीके से कैसे ठीक कर सकता हूं (यानी हैक्स या मार्जिन-बाएं के बिना, क्योंकि मुझे बाद में मीडिया प्रश्नों के साथ साइट को उत्तरदायी बनाने की आवश्यकता है और मुझे प्रत्येक डिवाइस के लिए अन्य रिज़ॉल्यूशन छवियों के साथ छवि को बदलना होगा)?

• शुरुआत वेब डिजाइनर उत्तरदायी वेबसाइटों के आतंक से निपटने की कोशिश कर रहा -

HTML:

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

सीएसएस:

.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 देखें। अच्छे शीर्षक के लिए