html - 使用绝对定位将内容推离屏幕

Question

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

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

有了容器，我就有了内容和图像，所以：

#container p {
    float: left;
}

#container img {
    float: right;
}

我读过我应该尝试绝对定位 img 和 p 相对定位，以及相对定位的容器。无论我尝试什么组合，文本要么穿过屏幕，你会看到一小部分图像，因为它位于容器的右侧，或者文本完全覆盖图像，或者图像位于顶部，所有文本都被推到底部。

关于我做错了什么，有人指出我正确的方向吗？谢谢！

score 1 · Accepted Answer

#container {
  width: 900px;
}

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

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

相应地调整，我猜。通常你只是浮动图形并让文本围绕它流动。你应该考虑用 CSS 做一些基本的教程。您尝试过的其中一些想法似乎不是很好的方法。

score 1 · Accepted Answer

通常，如果您只想让文本环绕图像，则只需要在图像上浮动而不是段落

float: right/left;

2 回答 2