Css 液体布局中的绝对div

我有绝对定位图像（在左边），其中有一些div的相对定位。在右边，我用float:right定位div。当图像接触浮动div时，有没有办法调整图像的大小？而不是浏览器的边缘。现在我做了这样的东西

@media screen and (max-width: 1860px){ .content-image img { max-width: 1250px; } }
@media screen and (max-width: 1780px){ .content-image img { max-width: 1200px; } }
@media screen and (max-width: 1710px){ .content-image img { max-width: 1150px; } }
@media screen and (max-width: 1640px){ .content-image img { max-width: 1100px; } }
@media screen and (max-width: 1570px){ .content-image img { max-width: 1050px; } }
@media screen and (max-width: 1500px){ .content-image img { max-width: 1000px; } }
@media screen and (max-width: 1430px){ .content-image img { max-width: 950px; } }
@media screen and (max-width: 1360px){ .content-image img { max-width: 900px; } }
@media screen and (max-width: 1290px){ .content-image img { max-width: 850px; } }
@media screen and (max-width: 1220px){ .content-image img { max-width: 800px; } }
@media screen and (max-width: 1150px){ .content-image img { max-width: 750px; } }
@media screen and (max-width: 1080px){ .content-image img { max-width: 700px; } }
@media screen and (max-width: 1010px){ .content-image img { max-width: 650px; } }

---

但也许还有更干净的方法？或者更简单一些？

将图像放在div中。对于CSS，请使用以下命令：

#image-container {
  margin-right: 20%;
  position: absolute;
}
#right-div {
  float: right;
  width: 20%;
}
.content-image {
  max-width: 100%;
}

---

您是否考虑过使用

宽度：100%相反？@Daniel A.White Well，是的。图像已设置宽度：100%和最大宽度：1300px。我想您要删除最大宽度。