Question

无论我尝试什么，div和屏幕的上/右/左之间仍然有可见的边距。

<!DOCTYPE html>
<html>
<head>
    <title>Test2</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="test2.css">
</head>
<body>

    <div class="container-fluid" id="topBackground">
        <h1>first</h1>
    </div>

</body>
</html>

CSS：

#topBackground{
background-color:#310048;
height:500px;
float:auto;
margin:0 auto;
max-width:100%;
}

Answer 1

标题具有默认边距，因此您必须将其删除并设置正文边距：0自动;

body{
    margin: 0 auto;

}
#topBackground{
  padding:0;
background-color:#310048;
height:500px;
float:auto;
margin:0 auto;
max-width:100%;
}
h1{
  margin:0;
}

https://jsfiddle.net/rghhwrm5/

我在获取div以获取整个屏幕的宽度方面遇到了麻烦

1 个答案: