一、CSS设置滚动条基础认识
overflow-y:scroll; 总是显示纵向滚动条
overflow-y:visible : 不剪切内容也不添加纵向滚动条
overflow-x:scroll; 总是显示横向滚动条
overflow-x:visible : 不剪切内容也不添加横向滚动条
(相关课程推荐:css视频教程)
二、如何隐藏滚动条
1. 如果要想X横向隐藏滚动条,只需要设置overflow-x:visible或overflow-x:hidden;如果想Y纵向滚动条隐藏可以设置CSS样式overflow-y:visible或overflow-y:hidden即可隐藏滚动条。
2. body { margin-right: -15px; margin-bottom: -15px; }
原理:这会在margin的水平和垂直方向上添加一个负值, IE添加了该精确数值后, 便会去除对滚动条的需求假象.
优点:在视觉上解决了这个问题.,垂直滚动根据内容自适应
本文来自css答疑栏目,欢迎学习!
以上就是css如何去掉滚动条的详细内容,更多请关注0133技术站其它相关文章!