随页面滚动的图像答案

【问题标题】：Images scrolling with page随页面滚动的图像
【发布时间】：2014-02-24 01:50:35
【问题描述】：

我需要关于我无法理解的 CSS 属性的帮助。

我有两张应该向下滚动窗口的图像，但只有一张这样做。

左边的工作正常，但右边的（Facebook 徽标）不动。

网址是：http://www.antoinewistaff.com

我这里有 CSS 的部分：

#clients    {float:left; position:fixed; top:0; padding:0px 0px 0px 50px;}
#facebook   {float:right; position:inherit; top:0; padding:0px 50px 0px 0px;}

是的，我必须将position:inherit; 放在#facebook 行，否则它会越过另一行（左侧而不是右侧），也许我错过了什么？

我对@987654325@ 都进行了尝试，它只是将两者都放在左侧（滚动，但不在他们的一侧）

我希望它很清楚，有人可以帮助我:)

谢谢！

【问题讨论】：

嗨扎克，工作完美！谢谢！我试图对你的帖子投赞成票，但显然在我达到 15 名声望之前我是不允许的……但谢谢，它有效，干得好！
您可以单击答案旁边的复选标记将其标记为正确（：这使回答者和 OP（原始海报 - 您）这样做的声誉都得到了认可

标签： image inheritance scroll position fixed

【解决方案1】：

您必须使用right 将其放置在右侧。并且浮动不会影响带有position:fixed 或position:absolute 的任何元素

#facebook {
    position:fixed;
    right:0;
}

具有绝对或固定定位的元素可以用来定位自己的有效属性如下：

top
left
botttom
right
边距（每个方向的负数和正数）

另请注意，不能同时应用top 和bottom 或left 和right，将使用放在另一个之后的那个

【讨论】：