如图，出现了两个滚动条。这种情况一般是由于父子元素引起的，大多数由分割容器引发，在父元素A被分割成两部分B1和B2后，B1或B2内容过长导致B1也出现了滚动条，而A元素仍然显示滚动条，这时就会显示两个滚动条了。

影响（客户端）：

• 对用户使用带来不便，客户端无法做到滚动条过渡联动（里滚动条至末尾自动切换滚动外层滚动条），鼠标必须放在外层滚动条上才可以滚动外层滚动条，这对于用户操作来说极为不便。

• 网页端流式布局会自动优化，无影响。
  

解决方向：

消灭外层滚动条，因为内层滚动条是必须存在的，所以我们需要想办法去掉外层滚动条。

需测试各种屏幕缩放比下的效果，100%、125%、150% 

分辨率可不必关注，现在大家电脑普遍都是1920*1080或更高，暂时无需考虑。

什么是页面超长

• 与屏幕缩放比例有关，屏幕缩放调大后，整个页面就变“小”了。不同用户屏幕显示范围是不同的。

解决方法：

1、禁止外层元素的滚动条

• 查看外层元素，禁止其滚动条。

• 效果如图，客户端会自动将超长的分割部分给收缩起来，整个页面只有一个内层滚动条

• 缺点：会把界面超长部分自动收缩，用户可能忘记还有一部分。

2、调整分割位置

• 根据界面超长示例可以看出，只要保证屏幕能够显示出下半部分分割，就不会出现外层滚动条。

• 可以按照150%比例缩放进行测试调整，大部分人缩放最多到150%

• 缺点：如果只兼顾150%比例缩放，则其他100%比例缩放的用户界面就会出现大片空白，也会使用户界面不美观。
  

3、调整单据整体高度并不起作用