1

我有这个小提琴

我使用一些CSS：

#body { overflow-y:scroll; }

使内容区域可滚动，因此您不必滚动页面。

我的目标是始终拥有一个全高的侧边栏，所以我认为我让这个内容元素#body有一个滚动条，这很好。但是，当滚动数据时，它会使边框变得非常奇怪，底部边框不仅仅是滚动，而是重绘，我该如何克服呢？如果有人可以根据信息帮助我整理css和元素，那就太好了

第 2 部分：我希望有两个面板，左侧固定宽度，右侧占据屏幕的剩余宽度？我该如何做到这一点，以便我可以#body占用90%第二个面板的宽度，而不必设置带有左边距负载的固定宽度？

谢谢，

4

2 回答 2

1

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

如果您给它，left:300px则滚动条不再隐藏，但您会遇到右窗格需要宽度的问题，该宽度将由浏览器窗口的大小决定。

看看这个：CSS Layout 2-Column fixed-fluid 链接到这篇文章：http ://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-21-fixed-fluid/ 的想法关于如何做到这一点。

于 2013-08-07T11:24:21.703 回答
1

据我所知，底部边框没有被重绘，你只是#container{border: 3px solid gray;}在一个更高的元素上，这会产生“非常奇怪”的效果

注意：你有 2 个元素id='container。ID 应该是唯一的，并且每个文档只能使用一次

更新： 这是一个小提琴，展示了我在实践中的技巧。我认为这就是你想要的：http: //jsfiddle.net/GZGAK/4/

于 2013-08-07T11:26:49.557 回答