放置img沒有絕對<css>

Question

有沒有反正像這樣放置imgs在css中沒有絕對位置？

像我想要4個IMGS是在像一個圓圈位置檢查IMG鏈接

，或者如果它是由絕對可以將它固定在任何屏幕分辨率？

Answer 1

您可以使用百分比來定義DIV的位置和大小。有點像下面的CSS：

.images{ 
    position: absolute; 
    height: 10%; 
    width: 10%; 
    border: 1px solid blue; 
} 
#image_one{ 
    top: 5%; 
    left: 10%; 
} 
#image_two{ 
    top: 20%; 
    left: 30%; 
}  
#image_three{ 
    top: 10%; 
    left: 60%; 
} 
#image_four{ 
    top: 15%; 
    left: 80%; 
} 

工作例如在jsFiddle