Question

我不希望这个滚动条在这里。我不想隐藏它，但我希望它被禁用。根本没有滚动。

屏幕截图：https://gyazo.com/22224e178263f80c25ecabb65c8ff77f.png

index.html和stylesheet.css：

HTML:
<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title>Home</title>
    </head>
    <body>
        <div id="white">
        </div>
    </body>
</html>


CSS:
html {
    height: 100%;
    background-color: #272C34;
    margin: 0%;
    padding: 0%;
}

body{
    height: 100%;
    margin: 0%;
    padding: 0%;
}

#white {
    width: 100%;
    height: 76%;
    background-color: #E8E8E7;
    margin-top: 10%;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
    z-index: 1;
}

Answer 1

是浏览器设置默认填充/边距的问题。将任何CSS重置应用于网站。

如果不添加其中任何一个，请在此处http://www.cssreset.com/

或使用此通用CSS重置

* {
  margin: 0;
  padding: 0;
}

Answer 2

body通常有一个保证金设置，删除它，你的div应该是屏幕的100％：

body{
    margin: 0;
}

另请注意，默认情况下，更多标签会应用边距/填充，您可以使用reset.css或normalize.css删除边距/填充/等，以使您的网页在所有浏览器上呈现相同：

Answer 3

如果你的意思是你的Tmp左右空间。将其添加到您的样式

Body{
margin:0;
padding:0;
}

Answer 4

<强> HTML：

<html>
<head>
<meta charset="utf-8" />
<title>Test</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="nav">
<li>
<ul>
Hello
</ul>
</li>
</div>
</body>
</html>

<强> CSS：

body{
margin: 0;
}
#nav{
width: 100%;
height: 80px;
background-color: #000000;
}

#nav ul{
list-style-type: none;
color:#ffffff;
font-weight: bold;
}

<强>截图： enter image description here

查看 Live。

HTML / CSS网站 - 禁用滚动条

4 个答案: