HTML5 / CSS3
Вопрос для лучшего понимания кодирования, новичок

Я исправил свой заголовок в верхней части порта. Это сработало отлично, но теперь я должен исправить все следующие разделы / разделы , чтобы привести его в нужное положение на экране, и я хочу, чтобы он был.
Такое поведение имеет смысл для меня, потому что position: fixed / absolute убирает элемент из потока.
Но ... есть ли способ снова войти в нормальный поток , чтобы мне не нужно было указывать каждый элемент с положением: относительным или абсолютным, где он должен оставаться? Является ли это фактом, что, как только я использую position: fixed / absolute , я должен исправить все следующее содержимое / section / divs?
Как вы справляетесь с такой ситуацией?
Это не большая проблема для меня, но это взрывает мой код и делает его более уродливым. Если это не является ненужным, я хотел бы избежать этого ...

0
Code-trix 28 Май 2017 в 14:10

2 ответа

Лучший ответ

Вы можете позиционировать абсолют в соответствии с родительским положением относительно.

<div style="position:relative;background:#ccc;width:400px;height:400px;">
  <div         style="position:absolute;left:80px;top:50px;width:200px;height:200px;background:#000 ">

  </div>
</div>

Положение фиксируется в соответствии со страницей окна, элементы фиксируются на странице окна.

<div style="position:fixed;left:200px;top:200px;background:#000;width:200px;height:200px;">
</div>
0
Morteza Fathnia 28 Май 2017 в 12:09

Просто возьмите фиксированный div в другом div и для второго используйте свойство: overflow: hidden;

    <div class="parent_fixed_div">
       <div class="fixed_div">

       </div>
    </div>

Код CSS:

    .parent_fixed_div{
        overflow:hidden;
    }
    .fixed_div{
        position:fixed;
    }
0
Amalia 29 Май 2017 в 00:03