在 CSS 中移动侧边栏

Question

.wrapper{    width: 1024px;    margin: auto;}.left-sidebar {    z-index: 9999;    width: 200px;    background: #303030;    height:100%;    overflow: auto;}#sidebar {    min-width: 200px;    min-height: 200px;    background: #303030;    color: #fff;    position:fixed;    transition: all 0.3s;    z-index:999;    height:100%;    width: 25%;    float: left;}<div class="wrapper">  <div class="left-sidebar">    <nav id="sidebar">我想将此侧边栏移至最左侧和顶部。我尝试删除填充，但没有填充，所以它什么也没做。如何将侧边栏移动到最左侧和最顶部？

Answer 1

既然你正在使用position: fixed. 只需在导航侧边栏容器中将top和css 属性设置为 0 即可。left

.wrapper {

    width: 1024px;

    margin: auto;

}

.left-sidebar {

    z-index: 9999;

    width: 200px;

    background: #303030;

    height:100%;

    overflow: auto;

}

#sidebar {

    min-width: 200px;

    min-height: 200px;

    background: #303030;

    color: #fff;

    position: fixed;

    top: 0;

    left: 0;

    transition: all 0.3s;

    z-index: 999;

    min-height: 100%;

    width: 25%;

    float: left;

}

<div class="wrapper">

  <div class="left-sidebar">

    <nav id="sidebar">