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