1

这是我的代码：

<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>

很明显，我的背景图片太大了，所以我需要滚动我的水平条来查看它。我希望我的粉红色图片距背景图片顶部 10 像素，距背景图片右侧 10 像素。但根据浏览器设置的 px 似乎。我希望粉红色图片位于右上角，如何？对不起我的烂英文...

4

2 回答 2

1

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

只需给position:absolute;Parent Div

于 2012-11-29T12:02:19.320 回答
0

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

于 2012-11-29T12:01:59.857 回答