背景与问题：
我正在使用 Tailwind CSS 和 Alpine.js 作为一个简单的搜索栏，该搜索栏的下拉列表使用 absolute
Codepen 在这里：https ://codepen.io/jdonline/pen/YzXpbyJ
当我使用 定位下拉菜单时relative，它会按照我想要的方式完美定位（但会拉伸我不想要的页面的其余部分）。但是，当我将其更改为 时absolute，虽然它不再拉伸页面，但它会将下拉菜单扩展得比预期的更宽。
例子：
您可以通过单击搜索栏右侧的下拉箭头来查看此信息。您还可以看到差变更时absolute要relative在第26行
题：
我如何使用 Tailwind.css 定位下拉列表，使其具有absolute位置，但不会扩展到比搜索栏更宽的位置？