1、在包裹内容的div加上这两个属性overflow hiddenoverflo auto那么这个div内的内容超过就好横向出现滚动条，还得给这个div一个宽度。

2、1lt！div比table大小要小才会显示2ltdiv style=quotoverflo auto overflowy auto height 100px width200pxquot3 lttable id=quottablequot border=quot1quot align=quotcenterquot width=quot300pxquot height=quot200；DIV值添加纵向以及横向滚动条可以参考下面的代码overfloscroll是横的 overflowyscroll是竖的 overflowscroll横竖 overflowhidden横竖都没有 ltdiv 是一个块级元素，这意味着它的内容自动地开始一个新行，实际上；同样在这里，overflow设置为auto，也就是说如果你的页面高度大于300px，就会有滚动条如果小于300像素，就不会有滚动条同样，如果宽度大于100px，则出现滚动条如果宽度小于100像素，则没有滚动条2也可以设置溢出滚动。

3、div有很多滚动条样式，如果只要垂直的话，参考如下css写法ltDIV style=quotOVERFLOWY auto OVERFLOhiddenltDIVjs写法x=quothiddenquotDIV是层叠样式表中的定位技术，全称DIVision，即为划分；在页面中，常常要将一些内容以滚动的形式来展示，下面我们就来看看css如何设置滚动条首先让我们创建一个HTML文件，如图所示让我们通过记事本来编辑，书写上一个HTML的整体结构，如图所示书写一个div模块，如图所示接着；overflowy auto，并且限制高度实现功能实例演示如下1Html代码如下一个简单的div，暂时内容为空css样式如下此时页面展示如下2在第一步div加入一些文字，如下此时页面展示如下已自动展现滚动条。

4、1首先需要新建一个HTML文档，这里设立一下基本的架构2再新建一个CSS文件，用link关联一下HTML文档3创建DIV标签，并且往里面填充内容4先设定一下滚动条内框的大小6overflowyscrolloverfloscroll；6写样式用quotpingmuquot开始写，给它固定宽高，再添加背景色，让div自适应宽高，超过部分显示滚动条7将这个css样式保存到同级目录下，如ceshihtml在c盘，css样式也保存在c盘8保存好样式后，双击这个；并在DIV盒子里添加演示文字内容，第二个盒子设置相同的CSS样式，盒子文字内容相同，并设置横向和纵向滚动条，观察效果第一个盒子CSS命名为“divcs5a”，第二个DIV盒子样式选择器命名为“divcss5b”1具体完整html源；1在html中定义好一个dom标签，可以是body或者div等等2给dom元素设置相应的宽度，可以用style中的width3再给dom元素设置overflow属性，水平滚动条就是overfloscroll这样当元素中的内容超出设置的宽度时就会出现；为标签设置overflow属性，属性值设置为auto 当overflow属性设置为auto时，内容超出标签区域时会显示滚动条，内容少于标签区域时则不会显示 overflow auto；1新建一个html文件，命名为testhtml2在testhtml文件内，使用div标签创建一个模块，用于测试3在testhtml文件内，给div添加一个class属性，用于设置其样式4在css标签内，通过class设置div的样式，定义其宽度。

5、解决方法如下1，把body标签的样式滚动条禁用2，div标签的样式滚动条启用lthtmlltheadltstylebody overflowhiddentest width100px height100px overflowautoltstyleltheadlt；在css设置可改变大小的div滚动条样式方法1首先新建html文档，进入代码书写界面2在lthead和ltbody的里面写入代码，在ltdiv里面写入想要输入的内容ltdiv3书写外层轨道css代码bodywebkitscrollbar width。

6、auto *需要的时候会出现滚动条*overfloauto *控制X方向的滚动条*overflowyauto *控制Y方向的滚动条*受overflow影响的必需是块元素，并且指定宽度和高度，否则内部元素将自动将父级容器撑开。