页脚和页面底部之间的空间很小

Question

＆＃13;

＆＃13;

TreeSet

＆＃13;

body, html {
  font-family: 'Asap', sans-serif; 
  text-align: center;
  padding: 0px;
  margin: 0px;
  
}

body {
  background-image: url("../Images/firepit2.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 
}

a {
  text-decoration: none;
  color: #000;
}

a:link {
  text-decoration: none;
  color: #000;
}

a:visited {
  
}

a:hover {
  font-weight: bold;
}

a:active {
  
}

#Logo {
  font-size: 3em;
  font-style: italic;
  background-color: #064501; /* Dark Woodrow Green */
  padding: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
}

#Navigation {
  list-style: none;
  margin-top: 0px;
  background-color: rgba(255, 255, 255, .65);
  padding: 10px;
}

#Navigation li {
  display: inline; 
  padding-left: 5px;
  padding-right: 5px;
}

#Navigation li a {
  text-decoration: none;
  color: #000;
}

#Wrapper {
  width: 50%;
  margin: 0px auto;
  margin-top: 90px;
  background-color: rgba(255, 255, 255, .65);
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-left: 30px;
  border-radius: 40px;
}

#Greeting {
  border-bottom: 1px solid;
  padding-bottom: 20px;
}

#Wrapper p {
  line-height: 1.1em; 
  margin-top: 26px;
  text-align: center;
}

footer {
  background-color: #064501; /* Dark Woodrow Green */
  margin-top: 90px;
  font-style: italic;
}

footer p {
  float: left; 
}

footer ul {
  float: right; 
}

footer ul li {
  display: inline;
}

footer::after {
  display: block;
  content: '';
  clear: both;
}

#Copyright {
  margin-left: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#Contact {
  margin-right: 25px; 
  padding-top: 10px;
  padding-bottom: 10px;
}

#Contact li {
  padding-left: 3px;
  padding-right: 3px;
}

＆＃13;

＆＃13;

＆＃13;

这个问题可能已被问过一百万次，但我已经尝试了很多常见的解决方案，但仍然没有结果。页脚和页面末尾之间有一个小空间，显示背景，我不知道是什么原因造成的。 更新：我不知道发生了什么，但似乎空间已经消失或什么的。我猜是真的很奇怪的鬼浏览器。

Answer 1

我希望能够理解这个问题。从foot＃Footer漏出的页脚标记有一个边距。这是因为CSS中的边距会崩溃。如果为div提供1px像素填充或透明1px边框，则将包含页脚标记边距。

如果您不需要保证金，则可以将其删除：

#Footer > div {
margin-top: 0;
}