網頁出現滾動條——網頁的寬度超過了螢幕寬度

本文轉載來自html 底部出現滾動條 去掉滾動條

網頁的寬度超過了螢幕寬度，是以系統自動添加滾動條。

CSS 禁止滾動條，有4種方法，具體如下：

1、完全隐藏

在裡加入

scroll="no"

，可隐藏滾動條；

2、在不需要時隐藏

指當浏覽器視窗寬度或高度大于頁面的寬或高時，不顯示滾動條；

反之，則顯示；

3、樣式表方法

在

<boby>

裡加入

style="overflow-x:hidden"

，可隐藏水準滾動條；

加入

style="overflow-y:hidden"

，可隐藏垂直滾動條。

被包含頁面裡加入：

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

4、另一種方法

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

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