Боковая панель CSS с относительным положением и Z-индексом

Question

У меня есть боковая панель с левой стороны моей веб-страницы, которая установлена ​​в положение: относительно с установленным верхним значением, но у нее также есть z-индекс 10, поскольку верхняя часть боковой панели должна перекрывать частьсодержимое справа, которое также установлено как относительное.

Затем у меня есть нижний колонтитул без установленного положения, но имеет четкое значение: оба установлены, что находится под боковой панелью, так как высота боковой панели большемой контент div.

Мой вопрос: по мере роста боковой панели она не отталкивает нижний колонтитул, а скорее отображает поверх него - есть идеи, что мне не хватает?

Это потому, что у моей боковой панели z-индекс равен 10 - если так, как бы мне заставить его оттолкнуть нижний колонтитул вместо рендеринга поверх него?

Если нет, то что он могбыть?

Answer 1

М-м-м z-index, позиционированные элементы и контекст стека - это так весело: (
Вот хорошие ресурсы о z-index:

• Узнайте, как складываются элементы (переименован в Как работает z-index! )
• Понимание CSS z-index (MDC)

Первый позволит вам найти решение самостоятельно, даже если это методом проб и ошибок.

Answer 2

Убейте декларацию top для вашей #sidebar и найдите другой способ получить этот верхний пробел (margin, padding)

Если это не сработает, пожалуйста, свяжите нас с кодом.*

Answer 3

Не уверен, что это сработает, но что произойдет, если вы установите одинаковый z-индекс для боковой панели и нижнего колонтитула?