本文转载来自html 底部出现滚动条 去掉滚动条

网页的宽度超过了屏幕宽度,所以系统自动添加滚动条。

CSS 禁止滚动条,有4种方法,具体如下:

1、完全隐藏
里加入scroll="no",可隐藏滚动条;

1
<boby scroll="no">

2、在不需要时隐藏
指当浏览器窗口宽度或高度大于页面的宽或高时,不显示滚动条;
反之,则显示;

1
<boby scroll="auto">

3、样式表方法
<boby>里加入style="overflow-x:hidden",可隐藏水平滚动条;
加入style="overflow-y:hidden",可隐藏垂直滚动条。
被包含页面里加入:

1
2
3
<style>
html { overflow-x:hidden; }
</style>

4、另一种方法

1
2
3
4
5
6
7
8
9
10
11
12
13
<style type="text/css">
body {
overflow-x:hidden;
overflow-y:hidden;
}
</style>

<style type="text/css">
html {
overflow-x:hidden;
overflow-y:hidden;
}
</style>


本站访问量为: 次 。