如何使该元素的宽度与网站内容的宽度匹配？

Question

我正在一个网站上，想要更改搜索下拉菜单的外观。该网站位于：https://www.nopl.org/beta/

如果我将宽度更改为100％，则它将匹配父元素（位于其上方的搜索图标）的宽度。如果指定宽度，它将不会响应。这是该元素的一些当前CSS：

.fusion-custom-menu-item-contents {
    display: block;
    width: 250px;
    position: absolute;
    left: auto;
    right: 0;}

我希望下拉列表与网站内容的宽度相匹配，并具有充分的响应能力。