基于屏幕大小的图像移动

-2

正如你们可以see here如果屏幕变大或变大或变小，BOAT右侧的“新”图像就会移动。我需要它停止移动并留在船旁边。这里是带有内联CSS的html。基于屏幕大小的图像移动

<li> 
    <img src="/images/new_sandycove.png" style="margin-top: -29px; position: absolute; margin-left: 965px; z-index: 1;"> 
     </li>

帮你解决什么问题？你想让图片停止移动？你希望它与其他元素一起移动？ – TylerH

我需要它停止移动并留在船旁 – user3630070

我不同意它不清楚。 OP没有很好地理解绝对定位的概念。 –

您的<img>是绝对定位的。您需要确保包含父项<li>已设置position: relative;。

当元素有position: absolute;时，它被绝对定位到最近的父亲，它明确地具有position CSS设置，如果没有，那么它就是正文。

2014-05-12 20:48:27

感谢您的帮助。我现在修好了。 – user3630070

你究竟在哪里？简单的答案是完全取出样式标签，然后可能会将其与该行中的其他项目并排放置。或者，您可以将其移动到UL标签上方，从中移除LI标签，并使用style =“float：right;” - 这可能会把它放在你想要的地方，这取决于你是否在容器上设置了宽度。

2014-05-12 20:50:51 user3558245

回答