2013-02-25 25 views
6

Làm cách nào để ngăn một div khác gói một gói div khác? Cụ thể, tôi muốn div thứ hai luôn ở bên phải của div thứ nhất, ngay cả khi chiều rộng của trình duyệt được thay đổi kích thước sao cho nội dung của div thứ hai phải được bao bọc.CSS: Ngăn chặn một div bao bọc bên dưới một số

Tôi luôn luôn muốn divs được bên nhau: I want this the divs to always be side by side

và không bao giờ giống như thế này, ngay cả khi cửa sổ trình duyệt được thay đổi kích cỡ như vậy mà nội dung div thứ 2 của phải quấn:
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> 

Trả lời

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> 

Một ví dụ: http://jsfiddle.net/arPzt/

+0

Perfect. Cảm ơn! –

Các vấn đề liên quan