当内容超出div时,自动出现滚动条的条件:1、内容必须在div中；2、div要设置宽高；3、overflow 设置 auto；
备注：
1、overflow:auto;当内容宽度超出div宽度，或者内容高度超出div宽度，或者同时超出，会自动出现水平、或者垂直、或者水平和垂直滚动条；2、overflow-x:auto;当内容宽度超出div宽度，自动出现水平滚动条；3、overflow-y:auto;当内容宽度超出div高度，自动出现垂直滚动条；注意：设置好后会自动换行；white-space:nowrap;这个会强制文字在同一行显示
注意：
当div中的内容是文字时，当文字长度超出div宽度时是不会出现横向滚动条的，即使设置了overflow:auto;或者overflow-x:auto;。原因是当文字长度超出 div 宽度时，会自动换行。
解决办法：
在设置了overflow:auto;或者overflow-x:auto;的同时，还得设置white-space:nowrap;。white-space:nowrap;会强制文字在同一行显示；
如果觉得《内容超出div 设置滚动条》对你有帮助，请点赞、收藏，并留下你的观点哦！
