Html CSS-如何在调整窗口大小时编码左边的列变得更窄？

我正在努力使

    header

左|中|右

    footer

footer

这种典型的布局使用css。 但是，当调整窗口的大小时，它应该如下所示

header

中|右

    footer

footer

宽度最小宽度约为1000px。。。 您注意到左列在显示时完全不可见 中间部分的宽度应始终相同。 我试了一个。。。修正了一个。。。但到目前为止运气不好。 如何做到这一点

示例网站：

---

谢谢你们，英雄们

正如我在上面的评论中提到的，我不认为这只能用CSS来完成

---

多少是您需要的？

我认为您不能仅使用css来实现这一点，您必须使用jQuery或类似工具来测量屏幕宽度，并相应地隐藏左栏。我可以使用流体固定模式来实现。不过，我还是非常感谢你的回答：）我会在这里留下一个URL链接，以防像我这样的人想做同样的事情：：