Фиксированное положение дочернего элемента и ширина родительского элемента 100%. ⇐ CSS

[Anonymous]

У меня есть боковая панель дочернего элемента, и я хотел бы установить для него ширину 100 % для родительского элемента. Это работает без фиксированной позиции. Но также мне нужна фиксированная позиция для функции «свернуть/развернуть».
.non-active { left: -250px; }

Родительский элемент имеет максимальную ширину 250 пикселей;
Свернуть/развернуть Javascript:
$(".close-btn").click(function () {
$(".side-bar").addClass("non-active");
$(".menu-btn").css("visibility", "visible");
});

$(".menu-btn").click(function () {
$(".side-bar").removeClass("non-active");
$(".menu-btn").css("visibility", "hidden");
});

Sidebar.html






Doučování



Základní operace


Hodnost






Боковая панель.css
.side-bar {
background: #1b1a1b;
backdrop-filter: blur(15px);
width: 100%;
height: 100vh;
position: fixed;
top: 0;
z-index: 50;
overflow-y: auto;
transition: 0.6s ease;
transition-property: left;
}


Подробнее здесь: https://stackoverflow.com/questions/752 ... -of-parent