Как переместить другие элементы вправо с помощью боковой панели?Html

Программисты Html
Ответить
Anonymous
 Как переместить другие элементы вправо с помощью боковой панели?

Сообщение Anonymous »

Я хочу создать простую боковую навигацию, занимающую всю высоту экрана. Я использую Milligram в качестве своей базы и хочу, чтобы моя боковая навигация работала с ней. У меня есть следующие настройки:
Демо-версия Codepen
Как видите, моя боковая панель представляет собой следующий элемент со следующими стилями:

Код: Выделить всё

 div.sidebar {
position: absolute;
width: 250px;
height: 100%;
z-index: 99;
background-color: black;
}
Такой вариант работает: боковая панель отображается поверх всего остального, но все остальное не отодвигается в сторону. А если экран маленький, содержимое конфликтует с боковой панелью.
Как сделать так, чтобы боковая панель сдвигала все остальное (включая панель навигации) вправо на 250 пикселей (ее ширину)? Я знаю, что на маленьких экранах пользоваться этим будет невозможно, но я дам пользователю возможность переключать эту функцию.

Подробнее здесь: https://stackoverflow.com/questions/418 ... my-sidebar
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»