跳转到主内容
极星编程网:以代码为星,赴技术山海!

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

文本环绕图片的问题 想要让图片贴近容器右边缘,同时不影响文字显示,我们可以使用 绝对定位 。 原本的代码使用了浮动,这会让图片占据空间,导致文字无法越过图片。 解决方法: 使用绝对定位将图片元素从正常文档流中移除,并使用 top 和 right 属性对其进行定位。
#father{ position: relative } .aa { position: absolute; top: 0; right:-194px; }
这样,图片将被置于容器的右边缘,且不会影响文字的显示。

相关文章