Невозможно центрировать абсолютное положениеHtml

Программисты Html
Ответить
Anonymous
 Невозможно центрировать абсолютное положение

Сообщение Anonymous »

Предыстория и проблема:
Я использую Tailwind CSS и Alpine.js для простой панели поиска, в которой раскрывающийся список позиционируется с использованием абсолютного значения.
Ссылка Codepen не работает и удалена.
Когда я позиционирую раскрывающийся список с помощью относительного, он позиционируется идеально так, как я хочу (но растягивает остальную часть страницы, чего я не хочу). Однако, когда я изменяю это значение на абсолютное, оно больше не растягивает страницу, но расширяет раскрывающийся список шире, чем ожидалось.
Пример:
Вы можете увидеть это, щелкнув стрелку раскрывающегося списка в правой части панели поиска. Вы также можете увидеть разницу при изменении абсолютного на относительное в строке 26
Вопрос:
Как мне с помощью Tailwind.css расположить раскрывающийся список так, чтобы он имел абсолютную позицию, но не расширялся за пределы панели поиска?

Подробнее здесь: https://stackoverflow.com/questions/603 ... e-position
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»