css属性overflow设置为hidden和auto的区别

将overflow设置为hidden和auto在pc端主要的区别是： 设置为hidden时，超出部分自动隐藏，不显示滚动条，鼠标移上去滑动时显示滚动条。设置为auto时，超出部分自动隐藏，并且显示出滚动条。但是这两种设置在手机端则会出现用户体验的不同，若将overflow设置为hidden，用户在手机端想滑动查看隐藏的内容，需要先点击一下内容才能滑动滚动条，相当于电脑端的鼠标移上去的动作，若直接用手滑动的话则会出现整个页面一起动的现象，这样显然不利于用户的使用体验。所以要优化用户体验，在手机端就应该将overflow设置为auto,这样就可以直接滑动滚动条而不用先点击一下内容才能滑动。根据我自己的理解是设置为auto时在pc端的现象是直接出现滚动条而不是鼠标移上去才显示滚动条，相当于省略了鼠标移上去显示滚动条这一步，所以在手机端就可以直接滑动而不用先点击内容才能滑动滚动条。