前言：
今天看官们对“css超出滚动条”大致比较关切，大家都想要分析一些“css超出滚动条”的相关资讯。那么小编也在网摘上搜集了一些有关“css超出滚动条””的相关资讯，希望各位老铁们能喜欢，大家快快来了解一下吧！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布局。布局的核心就是一动一静，就是说横向多个元素，要确定那些宽是固定的，那些宽是自适应。这样写出来的布局才有适应性。
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #css超出滚动条
