Javascript 当减少窗口的宽度时，设计会变得混乱。增加宽度=预期结果

见：

如果将窗口缩小，侧边栏将被推到页面底部。如果你把窗户弄大一点，它就会工作。所以你可以把窗口缩小一点，然后再大一点，它会同时显示内容和边栏，但是如果你不需要这样做的话，我更喜欢

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

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

好的，（希望我不会让自己出丑）但是在布局方面，我想我已经为你找到了一个不需要JS的解决方案

我将#left div包装在一个shell中，我绝对地定位了它，并使用以下值：

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

然后我将#right div向右浮动，并给左div 100%的宽度

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

---

我对这个例子做了一些修改：

我认为它在做你的例子中所做的事情，因为本机css规则在JS设置宽度之前被处理，所以在这些宝贵的毫秒内，页面在#left元素的宽度被更新之前被绘制。这只是一个理论，因为我不是JS专家我很确定这就是正在发生的事情——在chrome中运行良好。谢谢很高兴能帮上忙，是的，滚动条也能帮上忙！也为我的第一次堆栈溢出代表干杯。：）好的，我正在修理MO的一个爆水管，但是试着用同样的方法，用一个炮弹，把炮弹左、右、底部放在5PX上，然后给它一个高度，然后试试宽度：AUTO如果100%没有做。祝你好运我回到javascript，获得了专利（不是真的）自动折叠功能——如果窗口小于600px，侧边栏将隐藏！诀窍是减少3像素，firefox不再有这个问题。（Chrome从一开始就没有：）无论如何，这是当前页面：