Пустите в ход отделение выше содержания страницы
Я реализовал раскрывающееся поле, которое динамично отображает параметры поиска. Я хочу, чтобы поле "плавало", прежде всего, контента сайта. В настоящее время, когда поле отображено, оно перемещает все содержание ниже его и выглядит плохо.
Я полагаю, что уже попытался установить z-индекс отделения поля к вышеупомянутому z-индекс остающегося содержания страницы, но все еще никакой удачи.
3 ответа
Вы хотите использовать абсолютное позиционирование.
Абсолютный элемент позиции является расположенный относительно первого родительский элемент, который имеет положение кроме статики. Если нет такого элемента найден, содержащий блок html
Например:
.yourDiv{
position:absolute;
top: 123px;
}
Чтобы заставить его работать, родитель должен быть относительным (position:relative)
В вашем случае это должно сделать трюк:
.suggestionsBox{position:absolute; top:40px;}
#specific_locations_add{position:relative;}
Контейнер результатов div имеет положение: относительное, что означает, что он все еще находится в документообороте и будет изменять расположение элементов вокруг него. Для достижения "плавающего" эффекта необходимо использовать положение : абсолютное .
Вы также должны проверить используемую разметку, у вас есть фантом s без контейнера div#suestions и div#autoSuggestionsList на один
Используйте
position: absolute;
top: ...px;
left: ...px;
для позиционирования ныряльщика. Убедитесь, что он не имеет родительского тега с позицией: относительный;
.