2013-02-25 18 views
6

1つのdivが別のdivの下に折り返されないようにするにはどうすればよいですか?具体的には、2番目のdivの内容が折り返されるようにブラウザの幅がリサイズされていても、2番目のdivが常に1番目のdivの右側になるようにします。CSS:1つのdivが別のdivの下にくるのを防ぐ

私はいつものdiv要素が横並びになりたい: I want this the divs to always be side by side

と、ブラウザウィンドウが第二の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

パーフェクト。ありがとう! –

関連する問題