CSS问题，固定内容区域左侧和右侧边栏？

Question

我真的需要你的CSS布局帮助。我尝试了几次，但是我没有机会（实际上不知道如何）解决它。而且我甚至不知道它是否可能以我想要的方式出现！

#mainContent应始终在浏览器窗口中水平居中。它应该是1024px的宽度和100％的窗口高度。现在困难的部分。我需要两个div，一个在左侧，一个在#mainContent的右侧。两者都应该是100％的高度，但应该总是拥有浏览器窗口的其余部分。如果浏览器窗口的宽度仅为1024px，则#navLeft和#navRight不可见。

这是否可能，如果是这样，怎么样？ 谢谢

Answer 1

1024宽度选择不佳。 1024 x 768分辨率的显示器将始终获得垂直滚动条。 960px宽是常见的选择。

你把整个东西放在包装DIV中：

#wrapper {
    margin-left:auto;
    margin-right:auto;
    width:960px;
}

你有三个DIVS，左边有指定的宽度。

根据用户的浏览器宽度控制可见性需要通过JavaScript完成。仅靠CSS无法做到这一点。

更正： this article解释了这一点，这是我从未意识到你能做到的事情。