Html div的边距顶部移动也移动我的身体（相对位置）

我的网站顶部菜单有一些问题：我的

div

之一在设置页边空白顶部时移动了身体的位置

背景： 今天，我决定实施它的基础，并注意到，他们把身体位置相对，没有什么大不了的一个小的和可理解的问题。 我的顶部菜单由两个主要部分组成：导航栏和导航栏下方的徽标。我的导航栏的位置是绝对的，而徽标设置为相对的，因此我的网站的元素可以相对于徽标的位置进行定位

下面是当我将顶部边距30px设置为我的

标题徽标

时发生的情况，正如您所看到的，导航栏也从30px移动，因为事实上，当我实际将其设置为

标题徽标

时，主体本身移动了30px（我知道这一点，因为页面可以向下滚动到30px，以弥补这些30px的失踪尸体）

@charset“utf-8”；
/*CSS文档*/
身体{
保证金：0；
填充：0；
位置：相对位置；
}
body.ftp li#当前ftp，
body.projects li#当前项目，
body.contact li#当前联系人{
文本阴影：0 0 1px#666；
}
#导航栏标题{
位置：绝对位置；
排名：0；
右：0；
左：0；
保证金：0；
填充：0；
}
#导航栏标题#菜单左侧{
浮动：左；
显示：内联块；
左边距：20px；
字体系列：“Comfortaa”，草书；
字体大小：16px；
线高：1；
颜色：#3f3f；
}
#导航栏标题#菜单右侧{
浮动：对；
显示：内联块；
右边距：20px；
字体系列：“Comfortaa”，草书；
字体大小：16px；
线高：1；
颜色：#3f3f；
}
#导航杆头{
显示：内联块；
列表样式类型：无；
保证金：5px0；
填充：0；
垂直对齐：顶部；
字体大小：16px；
线高：1；
}
#导航栏标题ul.icon li{
显示：内联块；
填充：2px；
保证金：0；
垂直对齐：顶部；
}
#导航栏标题ul.txt li{
字体系列：“Comfortaa”，草书；
字体大小：16px；
颜色：#3f3f；
显示：内联块；
保证金：0；
填充：8px0；
}
#导航栏标题ul.txt li a{
字体系列：“Comfortaa”，草书；
字体大小：16px；
颜色：#3f3f；
文字装饰：无；
保证金：0；
填充：8px；
}
#导航栏标题ul.txt a：悬停{
文本阴影：0 0 1px#666；
}
#导航栏标题#登录菜单，#导航栏标题#面板菜单{
位置：绝对位置；
排名：0；
右：0；
保证金：0；
填充：0；
}
#导航栏标题#登录气泡{
字体系列：“开放式Sans”，无衬线；
z指数：5；
可见性：隐藏；
颜色：#AAAAA；
位置：绝对位置；
右：10px；
顶部：50px；
宽度：250px；
高度：130像素；
填充：0 15px 0 15px；
背景：#FFF；
-webkit边界半径：3px；
-moz边界半径：3px；
边界半径：3px；
边框：#CCC实心1px；
-moz盒阴影：0 8px 0#DDD；
-网络工具包盒阴影：0 0 8px 0#DDD；
盒影：08px0#DDD；
}
#导航栏标题#登录气泡：之后{
内容：''；
位置：绝对位置；
边框样式：实心；
边框宽度：0 10px 10px；
边框颜色：#FFF透明；
显示：块；
宽度：0；
z指数：1；
顶部：-10px；
左：214px；
}
#导航栏标题#登录气泡：之前{
内容：''；
位置：绝对位置；
边框样式：实心；
边框宽度：0 11px 11px；
边框颜色：#DDD透明；
显示：块；
宽度：0；
z指数：0；
顶部：-12px；
左：213px；
}
#登录用户名，#登录密码{
边缘底部：15px；
}
#导航栏标题。用户名图标{
位置：绝对位置；
显示：块；
颜色：变深（10%）；
左：23px；
顶部：15px；
字体大小：20px；
线高：正常；
}
#导航栏标题。密码图标{
位置：绝对位置；
显示：块；
颜色：变深（10%）；
左：25px；
顶部：62px；
字体大小：20px；
线高：正常；
}
#导航栏标题输入#txt_用户名，#导航栏标题输入#txt_密码{
字体家族：继承；
框大小：边框框；
边界半径：3px；
字体大小：14px；
高度：30px；
线高：30px；
宽度：100%；
利润率：15px0；
填充：0 8px 0 30px；
显示：块；
背景色：#f7f7f7；
边框：1px实心#CCC；
过渡：0.3s缓解；
-webkit过渡：0.3s缓解；
-moz转换：0.3s放松；
颜色：#333；
}
#导航栏标题输入#txt_用户名：-webkit自动填充，#导航栏标题输入#txt_密码：-webkit自动填充，
#导航栏标题输入#txt_用户名：-webkit自动填充：悬停，#导航栏标题输入#txt_密码：-webkit自动填充：悬停，
#导航栏标题输入#txt_用户名：-webkit自动填充：焦点，#导航栏标题输入#txt_密码：-webkit自动填充：焦点{
-webkit盒阴影：0 0px 1000px#f7f7f7插图；
-webkit文本填充颜色：#333；
}
#导航栏标题输入#txt_用户名：焦点，#导航栏标题输入#txt_密码：焦点{
填充：0 8px 0 10px；
背景色：#f7f7f7；
边框颜色：#a6ba89；
大纲：0px；
-webkit盒阴影：插入0 1px 1px rgba（0,0,0,075），0 0 2px rgba（109157,78,6）；
-moz盒阴影：插入0 1px 1px rgba（0,0,0,075），0 0 2px rgba（109157,78,6）；
方框阴影：插入0 1px 1px rgba（0,0,0,075），0 0 2px rgba（109157,78,6）
}
.占位符{颜色：#aaa}
：-webkit输入占位符{color:#aaa}
：-moz占位符{color:#aaa}
#导航栏标题#遗忘pwd{
字体大小：13px；
字体家族：继承；
边缘顶部：12px；
显示：内联块；
}
#导航栏标题#遗忘pwd a{
文字装饰：无；
颜色：#999；
}
#导航栏标题#遗忘pwd a：悬停{
颜色：#f48a00；
}
#按钮边框{
宽度：61px；
高度：30px；
边框左下半径：32px；
边框右下半径：32px；
边框：1px实心#CCC；
边界顶部：0；
位置：绝对位置；
右：26px；
底部：-30px；
-moz盒阴影：0 8px 0#DDD；
-网络工具包盒阴影：0 0 8px 0#DDD；
盒影：08px0#DDD；
}
#提交按钮{
字体家族：继承；
z指数：1000；
位置：绝对位置；
顶部：105px；
右：34px；
}
#子登录{
字体家族：继承；
宽度：45px；
高度：45px；
显示：块；
保证金：0自动-15px自动；
背景：#f7f7f7；
边界半径：100%；
边框：1px实心#a