Html 如何清除文档中的此空间

在此处输入代码

---

出于某种原因，我在上面列出了我的文档，即使我将边距设置为0，标题1和导航栏之间的边距仍会显示，并在两者之间留下不必要的空白。请告诉我如何摆脱它。另外，我正在创建的页面是为一个项目创建的，

h1

元素有一个由浏览器定义的边距。您必须在CSS中覆盖此项。

元素如

h1

和

ul

通常由浏览器（用户代理）自己的样式表设置边距，除非明确覆盖：

h1 {
margin: 0;   
height: 50px; // SAME HEIGHT AS PROFILE PHOTO
}

ul {
 margin: 0;
}

参见小提琴：

---

查找添加到CSS的最后几行。

我不是在鼓吹一个完全统一的web，而是。。。你有没有考虑过使用Twitter Boostrap？还是一个等价的CSS框架？@Bonatoc，这不能解决这个问题。哦，是的，它会。但我明白你的意思。因此，这不是一个鼓吹或固执己见的答案的地方。尽管如此，当我看到这些可怜的初学者为这样的东西汗流浃背时，因为我去了那里，我只能为他们推荐一种正确的工作方式，并使所有设备都兼容。已经是2014年了，这里不是讨论的地方。无论初学者与否，引导程序都过于臃肿且不必要。初学者应该用正确的方法来学习，嗯，我回答说，不是吗？但你是对的，我们不是来辩论的。特别是当OP依赖于Tumblr时。谢谢，这很有效，但它确实影响了我的个人资料照片，因为它是其中的一部分，谢谢-JamesUpdated Fiddle：