如何在不使用位置絕對值的情況下將div放在另一個div的頂部？

Question

假設我有2張以邊距為中心的圖像，我需要以正確的方式放置它們而不使用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>