dima9595
@dima9595
Junior PHP

Как правильно сверстать sidebar + main?

Добрый день.

Есть такой код:
<div>
    <div class="bg-secondary-800 border-b border-secondary-700">
      <div class="px-2">
        <nav class="relative flex items-center justify-between h-16">

        </nav>
      </div>
    </div>

    <div class="flex flex-row">
      <div class="min-h-screen w-80">
        <aside class="h-full bg-secondary-800 p-2">
          <nav>
            <a href="#">Lorem.</a>
            <a href="#">Et.</a>
            <a href="#">Omnis!</a>
            <a href="#">Dolor!</a>
          </nav>
        </aside>
      </div>

      <div class="w-full">
        <main class="p-2">
          lorem1000 (Генерация 1000 слов)
        </main>
      </div>
    </div>
  </div>


Хочу сделать так, что бы sidebar и navbar оставался нетронутым при скроле, а скролился только main. Подскажите пожалуйста как это сделать?
  • Вопрос задан
  • 125 просмотров
Пригласить эксперта
Ответы на вопрос 1
dimaneigraysnimi
@dimaneigraysnimi
Разработчик сайтов
.min-h-screen{position:fixed;width:20%;}
.w-full{width:80%;margin-left:20%;}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы