Html 如何使用绝对值使此图像向右浮动？

我的结构如下：

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

我必须使用绝对值，因为另一个div包含内容

问题：如何使用左边距使图像向右浮动，同时在包含的div上仍保留绝对值

这是小提琴：

---

您可以通过添加

右侧：30px.outside

课程中使用code>，而不需要

.imgs

课程

---

Fiddle-

您可以通过添加

右侧：30px.outside

课程中使用code>，而不需要

.imgs

课程

---

Fiddle-

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

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

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

或

你可以这样做，将这一行添加到你的代码中，你的图像将在没有浮动的情况下正确对齐

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

---

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

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

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

或

你可以这样做，将这一行添加到你的代码中，你的图像将在没有浮动的情况下正确对齐

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