链接列表没有正确地放在容器中

Question

我的CSS中有一个我似乎无法修复的错误。当我在浏览器中呈现下面的代码时，它将页眉和页脚中的链接放在一个新行上（随后使页眉和页脚比它们应该更高）并打破布局

http://tinkerbin.com/bhu0pfZF

如何让链接正确放置在页眉/页脚容器中。

Answer 1

大多数代码都有默认的边距和填充，这应该可以解决问题：

ul {
    margin-top: 0;
}

您可能希望使用以下内容重置其他内容：

ul {
    margin: 0;
    padding: 0;
}

Answer 2

一些CSS更改：

1. 移除height: 60px;中的line-height: 60px;和#header。
2. 为margin: 0;
添加#header ul
3. 移除height: 60px;中的line-height: 60px;和#footer并更新margin-top: -1.2em;

小提琴：http://tinkerbin.com/Gw7FiAIT