शेष स्थान लेने के लिए एक फ़्लोटिंग div की चौड़ाई सेट करें

Question

मैं पूरी शेष चौड़ाई को लेने के लिए डिस्प्ले-फील्ड divs बनाना चाहता हूं। अब प्रदर्शन-फ़ील्ड चौड़ाई टेक्स्ट लंबाई के बराबर है। उसको कैसे करे?

.display-label { 
     float:left; 
     clear:left; 
     min-width:160px; 
} 

.display-field { 
     float:left; 
     clear:right; 
} 

<div class="display-label">Account Id</div> 
<div class="display-field">30221</div> 
<div class="display-label">Full Name</div> 
<div class="display-field">Tomas</div> 

Answer 1

निकालें नाव और .display-field से स्पष्ट। अब .display-field div ब्राउज़र के बाईं तरफ से शुरू होता है ताकि आउटपुट में हेरफेर करने के लिए आपको वांछित रंगों को divs में जोड़ना होगा।

.display-label { 
     float:left; 
     clear:left; 
     min-width:160px; 
     background:white 
} 

.display-field { 
    background:red 
}​ 

DEMO

Answer 2

overflow:hidden; अपने दोस्त यहाँ है।

.display-label { 
     float:left;   
     clear:left;   
     min-width:160px; 
    } 
    .display-field {   
     overflow:hidden; 
     background:#ccc;  
    } 

jsfiddle example here

Answer 3

मैं आपको इसकी आवश्यकता है लगता है।

.display-label { 
     float:left; 
     clear:left; 
     min-width:30%; 
     background: red; 
} 

.display-field { 
     float:left; 
     clear:right; 
     background: yellow; 
     min-width:70%; 
} 

see live demo

min-width अपने जरूरत के अनुसार समायोजित करें।

आशा है कि यह आपकी मदद करेगा। धन्यवाद !!