Question

我正在尝试将图像对齐到我的容器div的右侧，但我已经有了一个图像。简单地使用margin属性可以获得我需要它的图像，但这没有用，因为它左边有一个图像滚动条，它也会向下推动它。

目前看起来如此; ＆＃34;支付网关＆＃34;图像是我需要它使用浮动和放大器的地方margin-top属性。保证金顶部以某种方式将自己应用于旗帜也使这一举动下降 - http://i.stack.imgur.com/smK37.jpg

----- [2] --------------------------------------- -------------------------------------------------- --------------------------------- [1] [3]

图像1是卷轴，图像3是有问题的卷轴。需要图片1保持在2旁边并且仍然有3个留在下面。

＆＃13;

<div class="container">			
<div class="main">
    <div class="main-inner">
        <a href="http://www.website.co.uk/delivery-info"><img src="<?php echo $this->getSkinUrl('images/allordersshippedfree-280-140.jpg') ?>" alt="" id="icon-cart1" align="right" /></a>
        <?php echo $this->getChildHtml('ma_banner') ?> <img src="<?php echo $this->getSkinUrl('images/Payments.png') ?>" alt="" id="icon-cart1" align="right"/>

＆＃13;

Answer 1

我认为你正在寻找风格z-index。

What is z-index?

Answer 2

z-index是您正在寻找的一部分。

要将图像重叠放在右侧，您需要使用位置组合：绝对，右：距离和z-index ......

<head>
  <style>
    .right {
      float: right;
    }
    .over {
      position: absolute;
      right: 10px;
      z-index: 200;
    }
    .under {
      position: absolute;
      right: 10px;
      z-index: 100;
    }
  </style>
</head>
<body>
  <img class="right over" src="http://bob.fornal.org/images/stories/Main/bob.jpg" />
  <img class="right under" src="http://bob.fornal.org/images/stories/a_certified.jpg" />
</body>

Answer 3

鉴于您的更新，请查看clear：both，left或right作为保持向右浮动但在上一张图像下方的方法。

如何将图像右对齐，但是将图像放在已经对齐的另一个图像下？

3 个答案: