css使图像推过文本

Question

我必须休息一天，我被css弄糊涂了。

我有一张可能存在或可能不存在的图像。使用最小的标记，我想推翻整个文本块，以便它不会在图像下包裹，如果它太长。通常我只是浮动图像并使用设定的边距，但由于图像不会出现在那里，有时我想要一个更灵活的解决方案。也许这个插图会有所帮助。

如果没有额外的标记或动态使用两个不同的类，我无法想到任何方法。我尝试过的大部分内容涉及浮动一个或两个元素。 p没有设定长度，因此在某些情况下将填充底部置于img下是不够的，或者如果p太短则会导致不必要的空间。有什么建议吗？

编辑：这是马克·亚当斯（Mark Adams）的礼貌，但它几乎就是我被困在的地方。

JSFiddle

Answer 1

难道你不能让图片浮动吗？或者我错过了你的问题？

像这样：

http://jsfiddle.net/cGQ6K/

编辑 - 或者如果段落上有溢出或类似的东西，您是否希望图像消失？

edit2-在我的jsfiddle中添加更多文本到我的段落之后我想我现在知道你的意思了......我会尝试找出解决方案

edit3 - 这是你想要的解决方案：http://jsfiddle.net/cGQ6K/7/它虽然使用了一点点黑客。

Answer 2

我不知道你为什么会遇到这个问题，因为马克·亚当斯的例子有效，但我相信在某些情况下我们可以用“清晰”的CSS属性来解决。

我们最常使用“clear：both”，但您可以尝试“清除：正确”或“右侧”图像。

这里参见CSS Clear属性的参考： http://www.w3schools.com/cssref/pr_class_clear.asp