Переместить боковую панель в CSS - PullRequest
Новая
       13

Переместить боковую панель в CSS

1 голос
/ 21 апреля 2020 

.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">

Я хотел бы переместить эту боковую панель в крайнее левое и верхнее положение.

Я попытался удалить отступы, но там нет заполнения, так что он ничего не сделал.

Как мне переместить боковую панель в крайнее левое и самое верхнее положение?

1 Ответ

1 голос
/ 21 апреля 2020

Так как вы используете position: fixed. Просто установите для свойств top и left css значение 0 в контейнере боковой панели навигации. 

.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">
...