Question

所以我只是想在图像旁边的段落中做一些内容。我有一个包含它们的容器，例如：

container {
    position: relative:
    width: 900px;
}

对于容器我有内容和图像，所以：

#container p {
    float: left;
}

#container img {
    float: right;
}

我已经读过我应该尝试绝对定位img，并且p相对地放置，同时容器也相对定位。无论我尝试什么样的组合，文本都会穿过屏幕，你会看到一小部分图像，因为它位于容器的右侧，或者文本完全滚过图像，或者图像位于顶部和所有文本都被推到底部。

任何人都指出我正确的方向，我做错了什么？谢谢！

Answer 1

#container {
  width: 900px;
}

#container p {
  width: 600px;
  float: left;
}

#container img {
  max-width: 250px;
  float: right;
}

相应调整，我想。通常，您只需浮动图形并让文本在其周围流动。你应该考虑在CSS中做一些基础教程。看起来你尝试过的一些想法并不是很好的方法。

Answer 2

通常情况下，如果你只想让文字环绕图像，你应该只需要在图像上放一个浮点而不是段落

float: right/left;