我有这个fiddle
我使用了一些 CSS：
#body { overflow-y:scroll; }
使内容区域可滚动，因此您不必滚动页面。
我的目标是始终拥有一个全高的侧边栏，所以我认为我有这个内容元素#body 有一个滚动条，这很好。但是，当滚动数据时，它会使边框变得非常奇怪，底部边框不仅仅是滚动，而是重绘，我该如何克服呢？如果有人可以根据信息帮助我整理css和元素，那就太好了
第 2 部分：我希望有两个面板，左侧固定宽度，右侧占据屏幕的剩余宽度？我该怎么做才能让#body 占据第二个面板宽度的90%，而无需设置带有大量左边距的固定宽度？
谢谢，
【问题讨论】：
我认为问题在于#body 元素（为了清楚起见可能需要重命名，因为已经有一个 html body 元素）部分隐藏在侧边栏下。
如果你给它left:300px，那么滚动条将不再隐藏，但你会遇到右窗格需要一个由浏览器窗口大小决定的宽度的问题。
看看这个：CSS Layout 2-Column fixed-fluid 这篇文章的链接：http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-21-fixed-fluid/ 了解如何做到这一点。
【讨论】：
据我所知，底部边框没有被重绘，您只需将#container{border: 3px solid gray;} 放在更高的元素上，这会产生“非常奇怪”的效果
注意：您有 2 个带有 id='container 的元素。 ID 应该是唯一的，并且每个文档只能使用一次
更新： 这是一个小提琴，展示了我在实践中的技巧。我想这就是你想要的：http://jsfiddle.net/GZGAK/4/
【讨论】：
#body 和 #container 的 CSS。将后者更改为section#container 指定CSS 应该仅 应用于第二个<section id='container'> 元素，因此它与删除重复的id 具有相同的效果。但是，您也应该在 html 中重命名 <div id='container'> 以避免重复。