在Div模塊中定位多個圖像

Question

我想在一個div模塊中定位多個圖像。裏面的圖像的位置應該是相對於該div。

我應該把每個圖像放在一個自己大小的塊內，並將這些塊相對於較大的塊放置嗎？ （所以在任何瀏覽器中，塊看起來都一樣！）

Answer 1

你可以這樣做。這是一個簡單的模擬。

在HTML

<div> 
<img src="/1st.jpg"> 
<img src="/2nd.jpg"> 
<img src="/3rd.jpg"> 
</div> 

CSS的

div { display: block; } 

img { display: inline-block; position: relative; float: left; }