HTML溢出不干净

我有这个

我使用了一些css：

#body { overflow-y:scroll; }

要使内容区域可滚动，则无需滚动页面

我的目标是在任何时候都有一个全高的侧边栏，所以我想我的内容元素

#body

有一个滚动条，这样就可以了。然而，当滚动数据时，它会使边框变得非常奇怪，底部边框不仅仅是滚动，而是重新绘制的，我如何通过它？如果有人能帮我整理css和基于信息的元素，那就太好了

第2部分：我希望有两个面板，左边固定宽度，右边占据屏幕的剩余宽度？我如何做到这一点，以便在不必设置固定宽度的情况下，将第二个面板宽度的

#body

占到

90%

---

谢谢，

我认为问题在于#body元素（为了清晰起见可能需要重命名，因为已经有一个html body元素）部分隐藏在侧边栏下

如果给它

left:300px

，则滚动条不再隐藏，但留下的问题是右窗格需要一个宽度，该宽度将由浏览器窗口的大小决定

看看这个：

---

这篇文章的链接：关于如何做到这一点的想法。

据我所见，底部边框没有被重新绘制，您只需在一个更高的元素上添加

#container{border:3px solid gray；}

，这会产生“非常奇怪”的效果

注意：您有两个带有

id='container

的元素。ID应该是唯一的，并且每个文档只使用一次

更新：

---

这是一把小提琴，展示了我的练习技巧。我想这就是你想要的：

我想这应该是两个问题。“真的很奇怪”是什么？在我的机器上，很多东西是重叠的；这是你的意思吗？它只是做得很快，所以可能会有一些基本的错误，感谢你的输入。它们不仅仅是打字错误——多个ID是造成问题的原因。请看我回答中的fiddle，我只编辑了

#body

和

#container

的CSS。将后者更改为

section#container

指定CSS应仅应用于第二个

元素，因此其效果与删除重复id相同。但是，您还应在html中重命名

，以避免重复。这接近我想要的效果！将修改为精确，谢谢，伙计