标签： html css
我正在尝试为文本输入创建自定义自动填充下拉列表。我由一个具有绝对定位的<ul>元素组成。它的最小宽度应该等于输入的宽度，但如果需要，它应该展开得更宽，以显示所有内容。它也应该有一个最大高度。
<ul>
我遇到的问题是我得到一个水平滚动条（我不想要），如果我将overflow-x设置为隐藏，我会让垂直滚动条覆盖部分内容。
overflow-x
我尝试在<li>元素的右侧添加填充，这样“有效”，但即使没有垂直滚动条也存在难看的填充。
<li>
有解决方法吗？
jsfiddle example