html - CSS html 图像放置

Question

我想将图像放置在一个非常特定的位置(导航栏的右上角)并且我已经使用 postition:relative; (也试过绝对)并相应地移动它。

当我裁剪浏览器时，它会留在我拥有的 div 包装器之外的空白区域。

所以基本上我的图像没有使用我的 div 包装器进行缩放。

有人可以提供一些提示吗？抱歉这个菜鸟问题。

这是一些代码。

<div id ="Wrapper">
<div id='cssmenu'>
<ul>
   <li><a href='#'><span>Home</span></a></li>
   <li class='active has-sub'><a href='#'><span>Products</span></a>
  <ul>
     <li class='has-sub'><a href='#'><span>Product 1</span></a>  </li>
     <li class='has-sub'><a href='#'><span>Product 2</span></a>  </li>
  </ul>
  </li>
  <li><a href='#'><span>About</span></a></li>
  <li class='last'><a href='#'><span>Contact</span></a></li>
 </ul>
<img src="images/register.jpg" width="50px" height="45px"  id="register"/>
</div><!-- end of css -->

包装 div 在底部。 “register”id 的 css 只是定位坐标

导航栏是我下载的模板。

Answer 1

根据您在评论中提供的 CSS，这样做的原因是您使用像素来设置宽度。如果您使用百分比，您的图像将移动到屏幕大小。因此，如果您希望它位于容器的最右侧，请尝试:left: 99%; 或更改百分比值以将其放置在您需要的位置。