如何在不使用绝对位置的情况下将div放在另一个div之上？

Question

假设我有两张以边距为中心的图片，我需要在不使用position:absolute的情况下以正确的方式放置它们，因为如果我使用它，放大/缩小它们将会向右/向左移动。

Answer 1

您可以使用：

img

{
position:relative;
margin: 0 auto;
clear:both;
display: block;
}

或者：

.centerme {
  position: relative;
  clear: both;
  margin: 0 auto;
  width: 50%; //or any other value
  text-align:center
}

示例HTML：

<div class="centerme">
  <img src="#" height="200px" alt="" />
</div>

<div class="centerme">
  <img src="#" height="200px" alt="" />
</div>