如何使用绝对定位让图片贴近容器右边缘,同时不影响文字显示?

如何使用绝对定位让图片贴近容器右边缘,同时不影响文字显示?

文本环绕图片的问题

想要让图片贴近容器右边缘,同时不影响文字显示,我们可以使用绝对定位

原本的代码使用了浮动,这会让图片占据空间,导致文字无法越过图片。

解决方法:

使用绝对定位将图片元素从正常文档流中移除,并使用 top 和 right 属性对其进行定位。

#father{
  position: relative
}
.aa {
  position: absolute;
  top: 0;
  right:-194px;
}

这样,图片将被置于容器的右边缘,且不会影响文字的显示。

以上就是如何使用绝对定位让图片贴近容器右边缘,同时不影响文字显示?的详细内容,更多请关注其它相关文章!