如何在響應式網頁設計中混合固定寬度和％寬度？

Question

我有簡單的網頁，它由兩列組成：邊欄和內容。如果兩欄都是動態的，但是側欄的寬度必須固定並且內容寬度應根據瀏覽器寬度動態變化，則沒有任何問題。

我不知道如何計算列的寬度。

謝謝。

Answer 1

你可以這樣做：

FIDDLE

#sidebar { 
    width: 200px; 
    float: left; 
} 

#content { 
    overflow: auto; 
/* trigger a block formatting context (this fills remaining horizontal width) */ 
} 

Answer 2

我想象你正在尋找這樣的事情：

http://jsfiddle.net/ekVJe/

我所做的是浮動左側邊欄中，然後給內容左緣這相當於寬度邊欄：

#sidebar { 
    width: 200px; 
    float: left; 
} 

#content { 
    margin-left: 200px; 
}