具有固定列的动态宽度

Question

我正在尝试创建一个宽度可调整到屏幕的页面，右侧有一个固定宽度的列。例如：

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

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

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

http://www.reddit.com/就是一个很好的例子。 感谢

Answer 1

此博客对于抓取复杂的布局非常有用。

ultimate-2-column-right-menu-pixels

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将根据窗口大小进行调整