大家好，欢迎来到IT知识分享网。
当内容超出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; 会强制文字在同一行显示；
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://haidsoft.com/108072.html
