Html CSS清理定位

我有一个小麻烦完成我的主页为一个网站

地点：

如果你进入主页，它看起来正是它应该的样子，但是当你向下滚动到页脚时，主背景会跟随，啤酒瓶也是如此。我只想让这些东西保持在原来的位置，让啤酒瓶正好放在被切断的底部

css:

---

只需将单词

fixed

从你身体的

背景

属性和你的

.smoke

类中删除即可

编辑 我想我明白了。我运行的是Chrome浏览器，我在Firefox15和IE8上试用过。当您将

位置：绝对
添加到
.smoke
类和
位置：相对
添加到
\footer
div时，它们似乎都按照您的要求工作

你可以玩my，and。
如果你把
位置：relative
放在你的
#main DIV
上，并把
宽度：1350px
改成
宽度：100%
，这也会解决你的垂直滚动条问题
 你提到了向下滚动，当我进入你的网站时我不能向下滚动我甚至不能滚动页面，页脚从页面底部向上显示大约1/3是的，你需要考虑更大的屏幕分辨率，我的是1680px×1050px，去浏览器栈用mac电脑，在更大的屏幕上检查你的网站screen@ConnorMiles我该怎么办？对不起，刚收到你的留言，好的，开始创建一个免费帐户，当你的帐户在那里时，你可以在所有不同的浏览器和机器上查看你的网站，当你感觉到它时，将操作系统更改为mac，在下面你将看到屏幕分辨率，相应地更改它们并查看你的网站，我之所以说mac是因为在那个网站上，mac OS有更大的屏幕分辨率，你可以在其中查看，如果你的网站在越来越大的屏幕上表现得很差，你应该在这个链接上查看媒体查询，你可能应该把徽标从背景上拉下来，并把它放得更高。它在我的笔记本电脑上被切断。这修复了
主体
元素上的背景图像，但没有修复瓶子（右下角）。啊，它被称为
。烟雾
，而不是
。瓶子
。无论如何，
fixed
属性阻止滚动。你是说
position:absolute
？@AustinMullins我照你说的做了，现在它可以像我要求的那样工作，但是我在浏览器中的外观有所不同。我只希望瓶子在每个浏览器中都位于页脚的顶部，在firefox中位于页脚的上方，但在chrome中位于页脚的下方。我感谢你的帮助！我可以在一个小时内再看一看。Chrome和IE将
bottom:0
解释为窗口的底部，而不是div。我更喜欢Firefox的解释，但有一种方法可以让它适用于所有人。我只是一时记不起来了。我添加了相对页脚，并按照你的建议更改了主div。现在瓶子图片覆盖了联系人链接，在chrome浏览器中，页脚高出页面底部25像素，但瓶子图片没有覆盖联系人链接
body{
height: 100%; 
width: 100%;
background-color: #b2b2b2;
background: url(../images/trial3.gif) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


/*HERE iS BOTTLE IMAGE */
.smoke {
position: fixed;
bottom: 0;
right: 0;
}

#footer{
height: 125px;
background: #333333;
width: 100%;
overflow:auto;
}