css如何去掉滚动条

对div设置滚动条,设置其横向滚动条和纵向滚动条样式。所需CSS样式为overflow-y和overflow-x来设置div盒子对象右侧和底部滚动条效果。接下来为大家介绍。

一、CSS设置滚动条基础认识

overflow-y:scroll; 总是显示纵向滚动条

overflow-y:visible : 不剪切内容也不添加纵向滚动条

overflow-x:scroll; 总是显示横向滚动条

overflow-x:visible : 不剪切内容也不添加横向滚动条

(相关课程推荐:css视频教程

二、如何隐藏滚动条

1. 如果要想X横向隐藏滚动条,只需要设置overflow-x:visibleoverflow-x:hidden;如果想Y纵向滚动条隐藏可以设置CSS样式overflow-y:visibleoverflow-y:hidden即可隐藏滚动条。

2. body { margin-right: -15px; margin-bottom: -15px; }

原理:这会在margin的水平和垂直方向上添加一个负值, IE添加了该精确数值后, 便会去除对滚动条的需求假象.
优点:在视觉上解决了这个问题.,垂直滚动根据内容自适应

本文来自css答疑栏目,欢迎学习!

以上就是css如何去掉滚动条的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑