html - 导航和内容之间的差距？

Question

好吧，我很困惑为什么黑色导航和下面的内容之间有很大的差距？

http://database.gamingonlinux.com/

Answer 1

两者.left都有.right一个顶部填充20px。

您的第 38 行style.css：

.left
{
    clear: left;
    float: left;
    width: 15%;
    padding: 20px 0;
    display: inline;
}

.right
{
    float: right;
    width: 83%;
    padding: 20px 0;
    display: inline;
}

Answer 2

因为您的左右 div 中有填充

.left {
clear: left;
float: left;
width: 15%;
padding: 20px 0;
display: inline;
}
.right {
float: right;
width: 83%;
padding: 20px 0;
display: inline;
}

删除填充：20px 0；