滚动条导致的布局问题

Flex 布局下，滚动条的出现与否导致元素位置发生变化的 CSS 布局问题排查与解决方法。文章描述了一个由于滚动条的存在与否导致输入框在页面上位置不同的 bug，并分析了其原因。

2021年12月28日

Mt.r

今天查了个特别有诗意的 bug。

就是有数据的时候，有个输入框在第三行。

结果没数据的时候，输入框跑到第二行了。

百思不得其解的时候，发现原来是数据多的时候就会有滚动条，输入框由于 flex 布局跑到第三行了，数据少的时候没滚动条，输入框刚好可以插入第二行，就引发了上面的这个 bug。