html - 隐藏在 ul 上的溢出导致跳转

Question

所以当添加一个隐藏在这个 ul 上的溢出(我想隐藏列表中的其他元素)导致整个 ul 向上跳跃大约 10px 时，任何人都可以提出为什么会发生这种情况吗？

我已经打开了内联 CSS，因此很容易切换以查看

     <ul style="
    /* max-height: 25px; */
    /* overflow: hidden; */
    /* margin: 0; */">

https://jsfiddle.net/mt7qpn3L/

附言我知道还有其他方法可以完成我的隐藏列表，但我很好奇为什么会发生这种情况以及解决方案

Answer 1

按照你的风格设置 ul display: inline;

并删除对 overflow:hidden 的评论