2013-02-25 32 views
6

के नीचे लपेटने से रोकना एक div को दूसरे के नीचे लपेटने से कैसे रोकूं? विशेष रूप से, मैं चाहता हूं कि द्वितीय div हमेशा 1 div के दाईं ओर हो, भले ही ब्राउजर चौड़ाई का आकार बदल दिया जाए, जैसे कि दूसरी div की सामग्री को लपेटना चाहिए।सीएसएस: एक div को दूसरे

मैं हमेशा divs कंधे से कंधा मिलाकर होना चाहते हैं: I want this the divs to always be side by side

और इस तरह दिखना कभी नहीं है, भले ही ब्राउज़र विंडो में इस तरह के आकार दिया जाता है कि 2 div की सामग्री को लपेट चाहिए:
And never have the 2nd div wrap beneath the first div

<!DOCTYPE html> 
<html lang="en"> 
    <body> 
    <div class="columns"> 
     <div style="background-color: #990000; width:70px; float: left"> 
     Pic 
     </div> 
     <div style="background-color: #00FF00; float: left; " > 
     body some interesting large amount of content. some interesting large amount of content. 
     </div>  
    </div> 
    </body> 
</html> 

उत्तर

5
<div class="columns"> 
    <div style="background-color: #990000; width:70px; float: left"> 
     Pic 
    </div> 
    <div style="background-color: #00FF00; margin-left: 70px;" > 
     body some interesting large amount of content. some interesting large amount of content. 
    </div>  
</div> 

एक उदाहरण: http://jsfiddle.net/arPzt/

+0

बिल्कुल सही। धन्यवाद! –