图像根据屏幕大小移动

时间:2014-05-12 20:45:20

标签: html css

你们可以see here如果屏幕变得更大或更大或更小,那么BOAT右侧的“新”图像会移动。我需要它停止移动并留在BOAT旁边。这是带有内联CSS的html。

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

2 个答案:

答案 0 :(得分:1)

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

当元素具有position: absolute;时,它绝对定位到明确拥有position CSS集的最近父级,如果没有任何内容,那么它就是&#39;对身体。

答案 1 :(得分:0)

你想要它到底在哪里? 简单的答案是完全取出样式标签,然后将它与该行中的其他项目放在一起。 或者,您可以将其移到UL标记之上,从中删除LI标记,然后使用style =&#34; float:right;&#34; - 可能会将它放在您想要的位置,具体取决于您是否在容器上设置了宽度。