在没有绝对<css> </css>的情况下放置img

Question

无论如何将imgs置于这样的位置而没有绝对的位置？

就像我想要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

上的工作示例