Question

如何删除＆＃34;欢迎＆＃34;上方和左侧的空白区域？框？

＆＃13;

#.page{
	background-color: #920000;
	margin: 0;
	padding: 0;
}
.heading{
	background-color: #666666;
	padding: 0;
	margin: 0;
	border: 0;
}
h1{
	margin: 0;
	padding: 0;
}

＆＃13;

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset = "utf-8"/>
		<link rel= "stylesheet" href = "style.css" />
	</head>
	<body background-color = #920000;>
		<div class = "heading">
			<h1>"welcome"</h1>
		</div>
	</body>
	<nav>
		<ul>
			<li>Home</>
		</ul>
	</nav>
</html>

＆＃13;

谢谢。

此致米奇。

Answer 1

8px上的margin默认body。

body {margin: 0;}

Answer 2

将body和html设为margin:0和padding:0

＆＃13;

body,html{
  margin:0;
  padding:0;
}

#.page{
	background-color: #920000;
	margin: 0;
	padding: 0;
}
.heading{
	background-color: #666666;
	padding: 0;
	margin: 0;
	border: 0;
}
h1{
	margin: 0;
	padding: 0;
}

＆＃13;

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset = "utf-8"/>
		<link rel= "stylesheet" href = "style.css" />
	</head>
	<body background-color = #920000;>
		<div class = "heading">
			<h1>"welcome"</h1>
		</div>
	</body>
	<nav>
		<ul>
			<li>Home</>
		</ul>
	</nav>
</html>

＆＃13;

Answer 3

*{margin:0; padding:0;}
#.page{
    background-color: #920000;
    margin: 0;
    padding: 0;
}
.heading{
    background-color: #666666;
    padding: 0;
    margin: 0;
    border: 0;
}
h1{
    margin: 0;
    padding: 0;
}

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset = "utf-8"/>
        <link rel= "stylesheet" href = "style.css" />
    </head>
    <body background-color = #920000;>
        <div class = "heading">
            <h1>"welcome"</h1>
        </div>
    </body>
    <nav>
        <ul>
            <li>Home</>
        </ul>
    </nav>
</html>

Answer 4

要重置所有padding和margin，请执行*{padding: 0; margin:0;}

Answer 5

您需要删除默认的身体边距：

body {
        margin: 0;
    }

Answer 6

（因为我没有足够的声誉评论以前的答案。）

它确实是正文默认浏览器 padding 。

请注意，您可以使用一些CSS重置表来避免某些或所有默认浏览器行为。

我个人喜欢Normalize作为一个很好的重置基础。 Others exist

CSS重置的一般目标是确保每个浏览器自定义规则都不会破坏您的设计，具体取决于您的用户使用的浏览器。

希望我能提供帮助。

Answer 7

＃。页面是错误的选择器我也没有得到你为什么你把导航器放在身体外面？而且我也可以根据需要获得porper输出，而无需更改代码。

#.page{
  background-color: #920000;
  margin: 0;
  padding: 0;
}
.heading{
  background-color: #666666;
  padding: 0;
  margin: 0;
  border: 0;
}
h1{
  margin: 0;
  padding: 0;
}

<body>
    <div class = "heading">
        <h1>"welcome"</h1>
    </div>
</body>
<nav>
    <ul>
        <li>Home</li>
    </ul>
</nav>

CSS：如何删除周围的空间？

7 个答案: