html页面中body内容多了后浏览器就会出现滚动条，页面右边就会出现有一小部分被纵向滚动条遮挡，横向滚动条也出现。body的margin与padding都设为0，要怎样处理页面才只出现纵向滚动条，而不出现横向滚动条呢？
方法一：
1、只设置垂直滚动条
<div style="height:300px;overflow-y:auto"></div>2、只设置水平滚动条
<div style="width:100px;overflow-x:auto"></div>3、同时设置垂直和水平滚动条
<div style="width:70px;height:300px;overflow-x:auto;overflow-y:auto"></div>看得出区别吗？修改如下：不设置DIV宽度，只设置高度；overflow-y:auto
给div加一个overflow-x：hidden属性，就不会出现横向滚动条了。
方法二：但根本原因是布局的问题，布局从大到小都要有一定的适应性，也就是一个布局，在500px宽能正常展示，300px也应该能正常展示。要做到自适应，可以用rem布局。布局的核心就是一动一静，就是说横向多个元素，要确定那些宽是固定的，那些宽是自适应。这样写出来的布局才有适应性。