可扩展的侧边栏（div）覆盖整个网站（在后台）

Question

我尝试了2天如何在我的项目上实施侧边栏，例如Feedly.com侧边栏

我试过的所有脚本/代码/代码，破坏了我的设计并移动所有div等等。我认为最好的选择是在我的所有网站上创建一个div。我怎么能这样做？

我现在拥有的东西：

我想做什么：

谢谢你的时间; 最好的问候，

Answer 1

要创建侧边栏，您只需要：

.sidebar {
     /* Dimensions */
    width: 3.8em; /* adjust it to make it wider or narrower */
    height: 100%; /* to be the entire height of the window */

    /* Positioning */
    position: fixed; /* to stay fixed on the screen */
    top: 0;
    left: 0; /* Or right: 0 to put right */

    /* Visibility */
    display: inline-block;
}