html横向滚动条怎么去掉(html滚动条不占宽度)

导语：hrml页面内容多了后就出现滚动条，怎样去除横向滚动条？

html页面中body内容多了后浏览器就会出现滚动条，页面右边就会出现有一小部分被纵向滚动条遮挡，横向滚动条也出现。body的margin与padding都设为0，要怎样处理页面才只出现纵向滚动条，而不出现横向滚动条呢？

方法一：

1、只设置垂直滚动条

<div style=&34;></div>

2、只设置水平滚动条

<div style=&34;></div>

3、同时设置垂直和水平滚动条

<div style=&34;></div>

看得出区别吗？修改如下：不设置DIV宽度，只设置高度；overflow-y:auto

给div加一个overflow-x：hidden属性，就不会出现横向滚动条了。

方法二：但根本原因是布局的问题，布局从大到小都要有一定的适应性，也就是一个布局，在500px宽能正常展示，300px也应该能正常展示。要做到自适应，可以用rem布局。布局的核心就是一动一静，就是说横向多个元素，要确定那些宽是固定的，那些宽是自适应。这样写出来的布局才有适应性。

本文内容由快快网络小森整理编辑！