Управление динамическим позиционированием jQuery-ui

Question

Итак, я пытаюсь понять, почему автозаполнение jQuery-ui с добавлением appendTo для приведения раскрывающегося списка результатов в div, по-прежнему динамически позиционирует результаты с абсолютным позиционированием. Как это:

top: 38px; 
left: 8.5px; 
width: 251px; 

Создание вопросов, таких как:

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

ОБНОВЛЕНИЕ: Таким образом, кажется, что у каждого виджета есть разные правила, это правильно? Я понял, реагирующую ширину для JQuery-UI Dialog всплывающего окна с помощью

$("#dialog").dialog({ width: auto }); 

& в моей таблице стилей, применяя максимальную ширину в диалоговом оберточном класс.

.ui-dialog{ 
    max-width: 720px; 
} 

Однако верх и левые все еще остаются загадкой.

Answer 1

Вы можете изменить CSS, используемый либо редактируя UI файл CSS JQuery, либо просто отвергая его в своем собственном CSS, такие как:

ul.ui-autocomplete { width: 250px !important; max-height: 300px; overflow-y: scroll; overflow-x: none; }