Как решить данную проблему?

У меня имеется header, в нем указан position fixed так же у меня есть main, ему я дал justify-content flex-end то main у меня верху шапке, есть убрать fixed, все хорошо. Но как оставить fixed и что main был ниже шапки?

Дополнительно:

position sticky тоже самое что и fixed? Просто под ним все норм

  • JTester, не то же самое. но в частных случаях поведение одинаковое внешне.
    Например, для шапки, которая всегда вверху (top=0)
  • Сергей delphinpro, не помогает (
  • Сергей delphinpro, тогда наверное лучше оставлю sticky 🙂
  • можно просто маржин для main задать в высоту хедера как вариант. Только желательно чтобы это было не в пикселях а в относительных величинах - проценты, vh и т.д., иначе при дригих разрешениях верстка едет.

    • Ответы:

    Не совсем понял тебя
    Но position fixed это позиционирование по отношению к родителю (в данный момент body)
    То есть как не крути он будет фиксированный в данный момемент

    + Заказать

     

    Для решения данной проблемы вы можете воспользоваться услугами фрилансеров. Мы выполним необходимую работу быстро и качественно.

     

      • Как решить данную проблему?Есть ответ
      • 07.04.2024
      Ответить

      Для решения данной проблемы необходимо выполнить следующие шаги:

      1. Убедитесь, что у вас установлен PHP на вашем сервере. Если нет, установите его, следуя инструкциям на официальном сайте PHP.
      2. Создайте файл с расширением .php, например, index.php, и откройте его в текстовом редакторе.
      3. Вставьте следующий код в ваш файл index.php:

       

      4. Сохраните файл и загрузите его на ваш сервер в корневую директорию.
      5. Откройте браузер и введите адрес вашего сайта в адресной строке. Вы должны увидеть текст "Hello, World!" на экране.
      6. Если вы видите этот текст, значит ваш PHP работает правильно на сервере.

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

    Оставить комментарий