（HTML或CSS）白色背景颜色比我的最后一部分代码要低

哼，嘿！我找到了一件我花了将近四个小时试图修理的东西，但找不到。最糟糕的是，我几乎可以肯定移除或替换是件愚蠢的事情，但我不知道。那么有没有办法让我的背景停在最后一张图片上，或者如果这是我代码中的一个问题，有没有办法修复它？我把密码放进去了。提前谢谢！（我的代码可能很糟糕，如果是这样的话，很抱歉^）

房地产
身体{
背景色：#FFFFFF；
背景尺寸：封面；
背景位置：中心；
宽度：1030px；
高度：自动；
}
#菜单{
背景图像：url（'http://image.noelshack.com/fichiers/2015/17/1429647024-liens.png');
不透明度：0.9；
背景重复：无重复；
宽度：1341px；
位置：相对位置；
底部：自动；
}
导航{
字体大小：25px；
字体系列：Verdana；
颜色：#FFFFFF；
文本对齐：居中；
}
a{
颜色：#FFFFFF；
字体系列：Verdana；
左：-80px；
}
a:悬停{
颜色：#FFFFFF；
颜色：#FFFFFF；
}
a:参观了{
颜色：#FFFFFF；
}
a:链接{
文字装饰：无；
}
a:参观了{
文字装饰：无；
}
a:悬停{
文字装饰：下划线；
}
a:主动的{
文字装饰：下划线；
}
显示图像{
位置：相对位置；
左：自动；
宽度：1340px；
}
p、 时事通讯{
字体系列：Homizio；
字体大小：29px；
颜色：#339900；
位置：相对位置；
文本对齐：居中；
左：520像素；
底部：-20px；
宽度：314px；
身高：385px；
}
p、 公社{
字体系列：Homizio；
字体大小：29px；
颜色：#339900；
位置：相对位置；
文本对齐：居中；
左：140像素；
底部：393px；
宽度：314px；
身高：385px；
}
p、 题词{
字体系列：Homizio；
字体大小：29px；
颜色：#339900；
位置：相对位置；
文本对齐：居中；
左：908px；
底部：808px；
宽度：314px；
身高：385px；
}
班布先生{
位置：相对位置；
底部：680px；
左边距：自动；
右边距：自动；
}
新浪潮{
位置：相对位置；
底部：1090px；
左：-600px；
不透明度：0.6；
}
p、 阿克图{
字体系列：Homizio；
字体大小：粗体；
字号：28.5px；
颜色：#000000；
不透明度：0.6；
位置：相对位置；
文本对齐：左对齐；
底部：1100px；
右图：-15px；
宽度：661px；
高度：377px；
}
p、 信息{
字体系列：Homizio；
字体大小：粗体；
字号：28.5px；
颜色：#339900；
位置：相对位置；
底部：1600px；
左：120px；
文本对齐：右对齐；
}
p、 普鲁辛福斯{
字体系列：Homizio；
字体大小：29px；
颜色：#339900；
位置：相对位置；
文本对齐：左对齐；
右：-780px；
底部：1620px；
宽度：559px；
高度：359px；
}
纽莱{
宽度：399px；
高度：68px；
位置：相对位置；
底部：1750px；
右：-860px；
}
p、 新信{
宽度：347px；
字体大小：24px；
字体系列：Homizio；
高度：32px；
颜色：#000000；
位置：相对位置；
底部：1821px；
左：780px；
文本对齐：右对齐；
}
图像{
位置：相对位置；
左：150px；
右：150px；
底部：-50px；
}

Lorem ipsum dolor sit amet，康塞特图发展精英。莫比在麦格纳康莫多索达莱斯的利伯罗。这是一个伟大的时代，是一个伟大的元素，是一个伟大的拍卖家。潜力悬钩子。Mauris purus Vita pulvinar malesuada。一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对。非流苏流苏。毛里斯洛博蒂斯酒店
知识产权与社会权利，是一位杰出的领导者。莫比在麦格纳康莫多索达莱斯的利伯罗。这是一个伟大的时代，是一个伟大的元素，是一个伟大的拍卖家。潜力悬钩子。Mauris purus Vita pulvinar malesuada。一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对。非流苏流苏。毛里斯洛博蒂斯酒店
Lorem ipsum dolor sit amet，奉献精英。莫比在麦格纳康莫多索达莱斯的利伯罗。这是一个伟大的时代，是一个伟大的元素，是一个伟大的拍卖家。潜力悬钩子。Mauris purus Vita pulvinar malesuada。一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对一对。非流苏流苏。毛里斯洛博蒂斯酒店
知识产权是一种社会精英。库拉比图·埃吉斯塔斯·朗卡斯拍卖行。在西德门，坐在阿梅特前庭按摩。交通工具、大型设备和设备、小型设备和设备。发酵液、葡萄汁、葡萄汁、葡萄汁和葡萄汁。tortor eleifend lobortis中的整数a sem。Nam mauris libero，欧盟权贵，临时精英。在justo elit，molestie eu augue ut，pharetra interdum ipsum。阿利奎姆·蒂奇登特·尤伊斯莫德是我的尤伊斯莫德。多诺
加上南部地区的信息：
佩伦特斯克的康瓦利斯·里苏斯（cursus convallis risus），威尼斯人的生命。马塞纳葡萄园。维维拉·多洛·阿库，欧盟维维拉·阿库·阿奎姆。没有孕妇的继承权。埃尼安和鲁特罗姆·利奥。无便利。塞德·波苏尔
电子邮件：

您的问题在于如何定位所有元素。例如，带有actu类的段落。它有一个位置：相对：

p.actu {
    font-family: Homizio;
    font-weight: bold;
    font-size: 28.5px;
    color: #000000;
    opacity: 0.6;
    position: relative; /* Issue */
    text-align: left;
    bottom: 1100px; /* Issue */
    right: -15px; /* Issue */
    width: 661px;
    height: 377px;
}

这实际上意味着元素在页面上仍然处于“静态”位置，但您使用了底部：1100px和右侧：-15px，使其看起来似乎不在那里。浏览器仍将识别该图元以及您视觉移动的所有图元。因此，如果你看一看带有id环境的包装器，它的实际高度是3046px，考虑到所有的元素，只是视觉上没有

---

解决方案非常简单，只需删除所有位置：相对、底部、右侧、左侧和顶部。当然，这会使你的网站看起来与你的预期完全不同。你需要更好的实践来构建你的网站。

看起来你在使用

位置：相对到d
.my-text {
    background: #ddd url('img/background.jpg') no-repeat;
    padding: 10px;
}

<div class='my-text'>
    <p>Lorem ipsum... some stuff...</p>
</div>