使浮動DIV的位置不影響他的內容，無需設置寬度

我想使這個佈局，DIV2的寬度不會受到他的內容影響使浮動DIV的位置不影響他的內容，無需設置寬度

----------------------------------------- 
      |  |    | 
    div1 |  |  div2  |  
      |  |    |  
-----------------------------------------

這裏是我的代碼：

<html> 
    <body> 

    <div style="background:red;height:200px;"> 

     <div style="background:black;width:100px;float:left;height:100px;"> 

     </div> 


     <div style="background:green;height:50px;float:left;margin:10px;"> 
     when here the content is too much, this div will start another line, 
which is not wanted, I want this div to be float always, also , I dont know the with. 
     </div> 

    </div> 


    <body> 
    </html>

那麼，怎麼樣？

來源

2012-11-15 user1337896

我有一個解決辦法：讓第二個div'風格=「背景：綠色;高度：50像素;保證金左：110px;」'有另一種解決辦法，如果我不不知道第一個div的寬度 – user1337896

可能的重複：[see this]（http://stackoverflow.com/questions/1260122/expand-div-to-take-remaining-width）。 [這裏實現]（http://jsfiddle.net/pxmkL/1/）。 – irrelephant

添加CSS屬性

max-width:100px

來源

2012-11-15 20:28:04 NccWarp9

使浮動DIV的位置不影響他的內容，無需設置寬度

回答

相關問題