Question

我是css＆amp;的新手HTML和我有这个问题，当我建立一个网站即使填充= 0，顶部也有一些空白区域看看我的HTML

header {
  margin: 0;
  padding: 0;
  background: #0e83cd;
}
nav ul {
  display: block;
  list-style: none;
}
nav ul li {
  display: inline;
}
nav ul li a {
  display: inline;
}

  <body>
    <header>
      <nav>
        <ul>
          <li><a href="">Num1</a></li>
          <li><a href="">Num2</a></li>
        </ul>
      </nav>
    </header>
  </body>

修改 dwreck08，阿齐兹解决了我的问题通过向html，body添加填充0和边距0 致谢

Answer 1

应用：

html, body { padding: 0; margin: 0;}和nav ul {margin: 0;}

JS Fiddle

Answer 2

这是由默认的浏览器样式引起的，请尝试：

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

Answer 3

您必须重置原生css浏览器：尝试链接此样式表。

链接：https://rawgit.com/jasonkarns/css-reset/master/reset.css

小提琴：http://jsfiddle.net/tgr8kkn8/2/

HTML空白区域

3 个答案: