HTML如何隐藏滚动条和去除滚动条

来源:爱站网时间:2019-05-26编辑:网友分享
HTML网页有滚动条这个功能,但是我们不想让滚动条显示出来怎么办呢?现在我们就去看看HTML如何隐藏滚动条和去除滚动条的内容,希望对你有所帮助。

HTML网页有滚动条这个功能,但是我们不想让滚动条显示出来怎么办呢?现在我们就去看看HTML如何隐藏滚动条和去除滚动条的内容,希望对你有所帮助。

1. html 标签加属性

XML/HTML Code复制内容到剪贴板
  1. <html lang="en" class="no-ie" style="overflow:hidden;">   

2.body中加入以下代码

XML/HTML Code复制内容到剪贴板
  1. <style type="text/css">     
  2. html{     
  3.     overflow-x: hidden;     
  4.     overflow-y: hidden;     
  5. }     
  6. </style> 

html页面去除滚动条的方法

为了防止以前的css文件覆盖掉body的的style

直接在html中写一个css

XML/HTML Code复制内容到剪贴板
  1. <span style="font-size:24px;"><style type="text/css">     
  2. body{     
  3.     overflow-x: hidden;     
  4.     overflow-y: hidden;     
  5. }     
  6. </style></span>   

这样 就没有滚动条了

以上所述是小编给大家介绍的HTML如何隐藏滚动条和去除滚动条,你觉得对你有帮助吗?在此也非常感谢大家对爱站技术频道网站的支持!

上一篇:如何去掉HTML中Inline-Block的空白

下一篇:HTML的标记介绍

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载