Css 为维基百科制作边栏

我正在尝试设计维基百科。我想把目录放在一个侧边栏中；然而，我遇到了一些障碍。我想：

• 如果目录短于 视口高度
• 删除长目录上的滚动条，同时保留滚动功能
• 指定边栏%宽度和最小/最大宽度，并让正文内容填充其余部分

请看一看

以下是我目前掌握的情况：

@-moz-document domain(wikipedia.org) {

#mw-navigation, #toctitle, #footer {display:none;}

/* Place table of contents in a sidebar */
#toc {
    height: 100%;

    width: 20%;
    min-width: 150px;
    max-width: 250px;

    position: fixed; /* don't scroll with page. */
    top: 0;
    bottom: 0;
    left: 0;

    overflow: hidden; /* hide scrollbar, but... */
    }

    #toc > ul {
        background: lightblue;

        overflow: scroll; /* ...still allow scrolling? */

        /* center vertically if shorter than height of viewport */
        display: table-cell;
        vertical-align: middle;
    }

#content {
    /* How to have contents fill the remaining width? */
}
}

---

有人能解决这些问题吗？甚至可能吗？

我创建了一个用户脚本，它允许我定义自定义链接，这些链接可以水平显示在维基百科顶部，也可以显示在页面左侧的导航面板中。我把它抄写给Gist，以防有人感兴趣。它应该能帮助你实现你的目标，我认为：

要使用此代码，您需要找到您的Wikipedia主题JS文件，该文件将成为您的userpage的子页面。我的是。您可以通过单击此链接找到您的位置，该链接将自动将您指向相应的位置。你应该先登录维基百科，然后再登录