如何给div添加滚动条

在ccs里，div的滚动条是通过指定 overflow 属性来实现的。 例如，在一个宽度50px和高度50px的div里，滚动条根据内容来自行展示。 <div style="height:50px;width:50px;overflow:auto;background:red;"> 这里有内容这里有内容这里有内容这里有内容这里有内容这里有内容 </div> 最后呈现的是只有竖滚动条。 当div的内容中有无空格的长英文，而我们有没设定强制换行，就会出现横滚动条，例如： <div style="height:50px;width:50px;overflow:auto;background:red;"> ABCDEFGHIJKLMNOPQRSTUVWXYZ </div> 如果要横竖滚动条都存显现，例如： <div style="height:50px;width:50px;overflow:auto;background:red;"> ABCDEFGHIJKLMNOPQRSTUVWXYZ这里有内容这里有内容这里有内容这里有内容这里有内容这里有内容 </div> 因为中文会自动换行，而没有空格的英文不会自动换行。 overflow 有如下属性值，表示滚动条何时会出现： visible：默认值。内容不会被裁剪，有多余时会呈现在元素框之外。 hidden：内容会被裁剪，并且其余内容是不可见的。 scroll：内容会被裁剪，但是浏览器会显示滚动条以便查看其余的内容。 auto：如果内容被裁剪，则浏览器会显示滚动条以便查看其余的内容。 inherit：规定应该从父元素继承 overflow 属性的值。