放置不带绝对值的img<；css>；

在css中没有绝对位置的情况下，是否有必要将IMG放置在这样的位置

我想让4个img像圆圈一样就位检查img链接

---

或者，如果是绝对分辨率，它可以固定到任何屏幕分辨率吗？

您可以使用百分比来定义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%;
}

---

工作示例

我想以任何方式像照片示例一样放置它，而不是绝对的，或者如果是绝对的，那么我希望它符合屏幕分辨率什么圆？应该检查哪个img链接？在CSS中有各种各样的定位方式，但您没有指定任何特定的要求，也没有代码显示您尝试过的内容。文章经过编辑，我得到了答案tnxNice这是绝对方式，但按百分比：）。那么除了绝对属性还有其他方法吗？？？@SamehKhaled您可以使用float属性，但这需要更多的标记。非位置绝对方法是使用一组当前正在考虑的属性，称为CSS形状。Adobe有一个页面，上面有很多有用的链接：你现在还不能直接使用这些属性。但是如果你只针对uber modern浏览器，你可以很快使用它们。注意，上面的答案是，使用的百分比将与父元素的潜在宽度相关，而不是与视口的总宽度相关。一个更强大的解决方案将使用

rem

单元（或者

em

单元，如果您针对的浏览器不支持

rem

s）。@Zaqx我强烈建议不要使用rem或CSS形状。它们很少被浏览器采用，也没有被标准化