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

Question

所以我只是想在图片旁边的段落中添加一些内容。我有一个包含它们的容器，这样:

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

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

#container p {
    float: left;
}

#container img {
    float: right;
}

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

有人指出我做错了什么的正确方向吗？谢谢!

Answer 1

通常情况下，如果您只是想让文本环绕图像，您只需要在图像上而不是段落上 float

float: right/left;

参见:http://jsfiddle.net/fEfu2/