Блокировка элемента для его родителя с абсолютным позиционированием
Следующая опция для свойства position CSS является absolute , которая блокирует элемент на месте относительно его родительского контейнера. В отличие от relative положения, это удаляет элемент из нормального потока документа, поэтому окружающие объекты игнорируют его. Свойства смещения CSS (сверху или снизу и слева или справа) используются для настройки положения. Один нюанс с абсолютным позиционированием состоит в том, что он будет заблокирован относительно его ближайшего расположенного предка. Если вы забыли добавить правило позиции к родительскому элементу (это обычно делается с использованием position: relative; ), браузер будет продолжать искать цепочку и, в конечном счете, по умолчанию использовать тег body.
Заблокируйте элемент #searchbar в верхнем правом углу родительского section , объявив его position absolute . Дайте ему top и right смещения по 50 пикселей каждый.