Question

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

<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/

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

Answer 1

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

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

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

从导航栏固定边距

1 个答案: