सीएसएस -

Question

के साथ दो तत्वों को फ़्लोट करना मेरे पास दो divs तरफ हैं। मैं div को चाहता हूं जो बाएं हाथ की ओर है ताकि जितना अधिक कमरे ले सके, उसे अन्य div (दाएं) को अगली पंक्ति में धक्का दिए बिना चाहिए।

यहाँ मैं अभी है: http://jsfiddle.net/RALza/

एचटीएमएल

<div id="container"> 
    <div id="divA"> left text </div> 
    <div id="divB"> right text </div> 
</div> 

सीएसएस

#divA 
{ 
    float:left; 
    border:1px solid blue; 
    width:100%; 
} 

#divB 
{ 
    float:right; 
    border:1px solid red; 
} 

Answer 1

<div id="container"> 
    <div id="divB"> right text </div> 
    <div id="divA"> left text </div> 
</div> 

#divA 
{ 
    overflow:auto; 
    border:1px solid blue; 
} 

#divB 
{ 
    float:right; 
    border:1px solid red; 
} 

काम करेंगे।

लेकिन आपको फ़्लोटिंग तत्वों की चौड़ाई निर्दिष्ट करनी चाहिए। http://jsfiddle.net/RALza/6/

यह दो divs के आदेश को बदलने और एक नाव के बिना पहली div एक सामान्य ब्लॉक तत्व बनाकर काम करता है:

Answer 2

इस बेला की कोशिश करो।

<div id="container"> 
    <div id="divB"> right text </div> 
    <div id="divA"> left text </div> 
</div> 

और

#divA 
{ 
    border:1px solid blue; 
} 

#divB 
{ 
    float:right; 
    border:1px solid red; 
} 

Answer 3

आप सीएसएस लचीला बॉक्स का उपयोग कर सकते हैं:

#container { 
 
    display: flex; 
 
    justify-content: space-between; 
 
}

<div id="container"> 
 
    <div id="divA">left text</div> 
 
    <div id="divB">right text</div> 
 
</div>