HTML空白区域

时间:2015-09-17 19:53:49

标签: html css

我是css&的新手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 致谢

3 个答案:

答案 0 :(得分:1)

应用:

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

JS Fiddle

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

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

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

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