Question

这是我的代码：

<html>
<head>
   <style type="text/css">
     #superdown{
         position :relative;
         right: 10px;
         top: 10px;
     }

     #down{
       position: absolute;
       top: 10px;
       right :10px;
     }
   </style>
</head>

<body>
  <div id="superdown"> 
    <img src="http://images4.alphacoders.com/177/177506.jpg">
    <div id="down">
      <img id="yes" src="http://img.wallpaperstock.net:81/hi%2c-loser-wallpapers_17839_1024x768.jpg">
    </div>
  </div>
</body>
</html>

显然，我的背景图片太大，所以我需要滚动我的水平条来查看它的全部内容。我把我的粉红色图片从顶部向上10px，从我的背景图片右边10px。但是根据浏览器我觉得我设置了px。我想要粉红色图像在右上角，怎么样？抱歉我的坏英语...

Answer 1

我希望你看起来像这样： - DEMO

只需将position:absolute;提供给 Parent Div

即可

Answer 2

出于某种原因，当您在#superdown图像上使用position: relative;时，＃down图像的绝对定位基于浏览器的边界。解决这个问题的一种方法是将#superdown设置为position: absolute;，但我当然不确定这是否会破坏页面中的其他内容。

如果另一个图像太宽，如何将图像定位在另一个图像上

2 个答案: