Html5中有关下拉列表的问题。

老师上课讲到的，不太懂。（代码是正确的）下拉列表在撑开时，为什么会导致下面的盒子偏移？

img

img

<select style="width:200px;">
  <option value ="volvo">Volvo</option>
  <option value ="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

下拉列表中option 标签下的 value 值过长，就会导致盒子偏移，可以给select 设置一个小于盒子的宽度。

如有帮助，采纳支持一下，谢谢。

贴一下代码

下拉列表的宽度会往下撑，需要给列表使用绝对定位positon:absolute;

li给个相对定位position;li下面的ul给绝对定位absolute

设置下拉框区域的宽度，超出 ...显示，放上去 显示tips

https://bbs.csdn.net/topics/603956066
我正在参加2021年度博客之星，希望得到您的五星，感谢大家的支持，谢谢