如何让图片贴在右侧框而不会占据文字位置？

发布日期： 2024-11-01 阅读量： 作者： 网络

如何让图片贴在右侧框而不会占据文字位置

为了将图片贴在右侧框，如题所说，可以采用右浮动的方式。然而，这种方式会导致图片占据位置，使文字无法越过它。为了解决这个问题，可以采用绝对定位的方式：

给父容器（使用id="father"）添加position: relative属性，使其成为定位上下文。
给需要定位的图片（使用class="aa"）添加以下属性：
- position: absolute：设置绝对定位属性。
- top: 0：设置距父容器顶部距离为0。
- right:-194px：设置距父容器右侧距离为-194px（根据具体需要调整）。

调整后的CSS代码如下：

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

随便看看