具有固定列的動態寬度

Question

我正在嘗試創建一個寬度可調整到屏幕的頁面，右側有一個固定寬度的列。 例如：

|                    |          |
|-------Content------|--Column--|
|                    |          |

       |             |          |
       |---Content---|--Column--|
       |             |          |

    |                |          |
    |-----Content----|--Column--|
    |                |          |

http://www.reddit.com/就是一個很好的例子。 謝謝

Answer 1

這個博客對於抓取復雜的布局非常有用。

最終-2-列右菜單像素

Answer 2

這本質上是reddit的作用： http ： //jsfiddle.net/pxfunc/rCG84/

side div 1.）高於html中的內容，2。）設置為float:right; ，和3.）給定一個特定的寬度（ width:300px ）

<div id="side"></div>
<div id="content"></div>

內容div將根據窗口大小進行調整