P.S.
НУ ПОЧЕМУ ПРИ “top:10px;” ЭТО МЕНЮ ТАК ВЗЛЕТЕЛО?
Вы экспериментируете с кодом, используете свойства позиционирования, не зная для чего они предназначены и как действуют. По одним только скринам я не могу догадаться, что там у вас происходит.
Есть отдельно курс по созданию сеток страницы и отдельный курс о позиционировании.
Конкретно в этом задании используется свойство float со значениями left и right, а также clear: both;
Чтобы ответить на Ваши вопросы – нужно видеть ВЕСЬ код.
Вставьте, пожалуйста, код текстом.
Используйте в редакторе сообщений форума кнопку </> для форматирования.
Да дело даже не в самом коде. За всю часть пройденного мной курса ни разу не видел упоминания таких тегов как “div” и свойства float.
Согласен, некоторые испытания не совсем соответствуют пройденному материалу.
Но, float упоминается в текущем курсе https://htmlacademy.ru/courses/41/run/7,
в объёме достаточном для прохождения этого испытания,
подробнее рассматривается в курсе “Сетки”.
div – в курсе “Блочная модель документа”.
Спасибо вам 
,а то я уже начал думать,что у меня какие то задержки в развитии 
Решается через float и margin-top (нужно подобрать ОТРИЦАТЕЛЬНОЕ значение). Сама застряла на этом моменте
