从导航栏固定边距[重复]答案

【问题标题】：fixing margins from navbar [duplicate]从导航栏固定边距[重复]
【发布时间】：2016-10-06 01:42:07
【问题描述】：

在我最近的项目中，我调整了这个标题的样式：

<header>
  <ul>
    <li><a href="#" class="title">Loja</a></li>
  </ul>
  <ul class="right">
  <li><a href="#" class="user">username</a></li>
    <li><a href="#">logout</a></li>
  </ul>
</header>

这样：

header {
  top: 0;
  left: 0;
  background-color: #333;
  width:100%;
}

header:after{
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

jsfiddle：https://jsfiddle.net/klebermo/ch6gtj3p/7/

但是有了这个，我在浏览器窗口的边缘和导航栏之间得到了一个小空间。我可以做些什么来删除这个空间？

【问题讨论】：

您需要重置浏览器默认设置：body { margin: 0; }
删除默认的正文边距。 body {margin: 0;}

标签： html css

【解决方案1】：

你必须删除<html>和<body>元素的默认margin和padding：

html, body {
  margin:0;
  padding:0;
}

工作解决方案： https://jsfiddle.net/ch6gtj3p/8/

【讨论】：