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/

如何使这个图像绝对正确浮动？

2 个答案: