当减小窗口宽度时，设计会搞砸。增加宽度=预期结果

Question

请参阅：http://glados.cc/chat/layout.html

如果使窗口变小，侧边栏会被推到页面底部。如果你让窗户变大，它就会起作用。所以你可以让窗口变小然后再大一点，它会同时显示内容和侧边栏，但我更愿意，如果你不必这样做。

我在调整窗口大小时使用javascript来调整左边元素的大小：

window.onresize = function(event) {
    document.getElementById("left").style.width = window.innerWidth - 160 + "px";
}

Answer 1

好的，（希望我不打算自己做个屁股）但是玩布局，我想我已经找到了一个不需要JS的解决方案。

我把#left div包装在一个shell中，我绝对定位它，并带有以下值：

#left-shell {
position: absolute;
right: 155px;
top: 5px;
left: 5px;
bottom:0;
}

然后我将#right div向右移动，并给左边的div增加了100％。

同样的技巧应该适用于页脚，但我只是想把它扔出去，看它是否适合你的需要。

我创造了一个小例子：http://jsfiddle.net/Z98L3/