Html 如何修复导航和全屏div之间的这个间隙？

我试图找出导航和家庭图像之间的差距。每次我尝试使用任何边距顶部：-15px时，div class=inner会跳到图像的最右侧

我还在学习，所以我假设这是一个我忽略了的非常简单的东西，或者添加了太多的垃圾代码。这也是我在这里的第一篇文章，所以我希望这一切都是正确的

/************************** 全体的 **************************/ 身体{ 字体系列：“开放式Sans”，无衬线； 保证金：0； 填充：0； 位置：相对位置； 背景色：fff； } img{ 最大宽度：100%； 保证金：0； 填充：0； 边界：0； } a{ 文字装饰：无； 颜色：4e4e； } h1{ 颜色：4e4e； 字体：标准50px“oswald”，无衬线； 利润率：15px0； 字号：1.75em； 字体大小：正常； 线高：0.8em； } 氢{ 颜色：4e4e； 字体大小：0.75em； 保证金：-5px0； 字体大小：正常； } h3{ 颜色：4e4e； 边际：0.01米0； 颜色：384047； } 包装纸{ 位置：相对位置； 宽度：100%； 背景：fff； } /************************** 航行 **************************/ /*Clearfix*/ .clearfix:之前， .clearfix:之后{ 内容：； 显示：表格； } .clearfix:之后{ 明确：两者皆有； } .clearfix{ *缩放：1； } /*基本风格*/ 导航{ 高度：60px； 宽度：100%； 背景：fff； 字号：13pt； 字体系列：“开放式Sans”，无衬线； 字体大小：粗体； 位置：相对位置； 填充顶部：10px； 边框底部：实心1px 666； z指数：999； } 导航ul{ 填充：0； 保证金：0自动； 宽度：625px； } 李海军{ 显示：内联； 浮动：左； } 导航a{ 颜色：4e4e； 显示：内联块； 宽度：125px； 文本对齐：居中； 文字装饰：无； 线高：40px； } 李海军：最后一个孩子{ 右边界：0； } 导航a:悬停，导航a:激活{ 颜色：77308f； } 导航apull{ 显示：无； } /************************** 主页|幻灯片|飞溅 **************************/ 幻灯片{ 最大宽度：100%； 高度：1122px； 背景：url'http://greytprints.com/images/home_bg.jpg“没有重复的上中锋； -webkit背景尺寸：封面； -moz背景尺寸：封面； -o-背景尺寸：封面； 背景尺寸：封面； 显示：块； z指数：-2； } 幻灯片，内部{ 位置：相对位置； 最高：60%； 文本对齐：居中； 宽度：100%； 文本阴影：0 0 2px rgba0,0,0,1,0 1px 2px rgba0,0,0,4； } 幻灯片。内部h1{ 颜色：fff； 字号：600； 字体大小：60px； 文本转换：大写； 字母间距：1px； } 幻灯片。内部h2{ 颜色：fff； 字体大小：400； 字体大小：40px； 文本转换：大写； 字母间距：1px； } img.bg{ /*设置填充背景的规则*/ 最小高度：100%； 最小宽度：2000px； /*设置比例缩放*/ 宽度：100%； 高度：自动； /*设置定位*/ 位置：固定； 排名：0； 左：0； } 我们是灰色印刷品 我们喜欢灰狗

---

问题是保证金崩溃，因为包装内有一个有一些保证金顶部

在这种情况下，可以使用绝对定位而不是相对定位来修复它。这样，内部包含将从文档的正常流中删除，所以边距不会影响包装器

幻灯片，内部{ 位置：绝对位置； } /************************** 全体的 **************************/ 身体{ 字体系列：“开放式Sans”，无衬线； 保证金：0； 填充：0； 位置：相对位置； 背景色：fff； } img{ 最大宽度：100%； 保证金：0； 填充：0； 边界：0； } a{ 文字装饰：无； 颜色：4e4e； } h1{ 颜色：4e4e； 字体：标准50px“oswald”，无衬线； 利润率：15px0； 字号：1.75em； 字体大小：正常； 线高：0.8em； } 氢{ 颜色：4e4e； 字体大小：0.75em； 保证金：-5px0； 字体大小：正常； } h3{ 颜色：4e4e； 边际：0.01米0； 颜色：384047； } 包装纸{ 位置：相对位置； 宽度：100%； 背景：fff； } /************************** 航行 **************************/ /*Clearfix*/ .clearfix:之前， .clearfix:之后{ 内容：； 显示：表格； } .clearfix:之后{ 明确：两者皆有； } .clearfix{ *缩放：1； } /*基本风格*/ 导航{ 高度：60px； 宽度：100%； 背景：fff； 字号：13pt； 字体系列：“开放式Sans”，无衬线； 字体大小：粗体； 位置：相对位置； 填充顶部：10px； 边框底部：实心1px 666； z指数：999； } 导航ul{ 填充：0； 保证金：0自动； 宽度：625px； } 李海军{ 显示：内联； 浮动：左； } 导航a{ 颜色：4e4e； 显示：内联块； 宽度：125px； 文本对齐：居中； 文字装饰：无； 线高：40px； } 李海军：最后一个孩子{ 右边界：0； } 导航a:悬停，导航a:激活{ 颜色：77308f； } 导航apull{ 显示：无； } /************************** 主页|幻灯片|飞溅 **************************/ 幻灯片{ 最大宽度：100%； 身高：11 22px； 背景：url'http://greytprints.com/images/home_bg.jpg“没有重复的上中锋； -webkit背景尺寸：封面； -moz背景尺寸：封面； -o-背景尺寸：封面； 背景尺寸：封面； 显示：块； z指数：-2； } 幻灯片，内部{ 位置：绝对位置； 最高：60%； 文本对齐：居中； 宽度：100%； 文本阴影：0 0 2px rgba0,0,0,1,0 1px 2px rgba0,0,0,4； } 幻灯片。内部h1{ 颜色：fff； 字号：600； 字体大小：60px； 文本转换：大写； 字母间距：1px； } 幻灯片。内部h2{ 颜色：fff； 字体大小：400； 字体大小：40px； 文本转换：大写； 字母间距：1px； } img.bg{ /*设置填充背景的规则*/ 最小高度：100%； 最小宽度：2000px； /*设置比例缩放*/ 宽度：100%； 高度：自动； /*设置定位*/ 位置：固定； 排名：0； 左：0； } 我们是灰色印刷品 我们喜欢灰狗

---

就这样！非常感谢。