固定寬度Div和可擴展浮動並排？

Question

是否有可能有一個固定的寬度div浮動與可變寬度div一起？

我想有一個80px圖像坐在一起一直延伸到使用動態內容的佈雷寬度的100％的div - 的HTML將是以下重複版本 -

例如 -

<div class="mediaImg"> 
     <img src="#"/> 
    </div> 
    <div class="textArea"> 
    blah blah blah 
    </div> 

感謝 保羅

Answer 1

你必須像

#divleft 
{ 
    background-color:red; 
    width:80px; 
    height:80px; 
    float:left; 
} 

#divright 
{ 
    background-color:blue; 
    overflow:hidden; 
    height:80px; 
} 

寫在這個例子中你給padding & margin到#divright。在佈局結構中沒有效果。

檢查此http://jsfiddle.net/sandeep/u2sQD/1/

Answer 2

只是適用於你的固定DIV浮動和寬度：

div.fixed{ 
    float: left; 
    width: 70px; 
    padding: 0 5px; 
} 

現場示例：http://jsfiddle.net/nvgBm/

Answer 3

是的。我會把它們放在一個容器類型的div中，並使用position：absolute，然後兩個div有相對的位置，並留下float。

​​

，那麼Css ......

.container{ 
      position:absolute 
      width:100% 
      height:100% 

      } 
    .imgDiv{ 

     position:relative 
     float:left 
     width:80px 
     } 
     .content{ 
     position:relative 
     float:left 

     }