如何將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>