html - 我怎样才能使这个图像与绝对值一起浮动？

Question

我有以下结构：

<div class="container">
<div class="outside">
<img src="http://cox-applicators.com/images/brochures/vertical-ad-07-
singles.jpg" class="imgs">
</div>
</div>

CSS：

 .outside {
      position:absolute;
 }
 .imgs {
      float: right;
      margin-right: 30px;
 }
 .container {
     width: 960px;
 }

由于另一个包含内容的 div，我必须使用绝对值。

问题： 如何使用 margin-left 使图像向右浮动，同时在包含的 div 上仍然具有绝对值？

这是小提琴：

http://jsfiddle.net/erjQH/

Answer 1

只需将这行 css 添加到您的代码中即可。

.outside {
      position:absolute;
      right:0; /* Add this to ur Code */
  }

有了这个你不需要对图像应用浮动，它会左对齐

或者

您可以将此行添加到您的代码中，您的图像将在没有浮动的情况下正确对齐。

.imgs{          
          position:relative;
          right:0px;
       }

Answer 2

你可以通过right:30px;在你的.outside类中添加而不需要.imgs类来实现这一点

小提琴 - http://jsfiddle.net/U2WUK/