css - 无法围绕 css 浮动（div 浮动到/围绕图像） -

Question

图像被拉进来，然后是帖子。我希望帖子漂浮在图像旁边并填充右侧的空间。我已经尝试了图像浮动/左、帖子浮动/左或右、显示：inline-block 的各种组合（我也拉了 h3 只是为了弄乱它，没关系）。

我有一种感觉，这与帖子 div 的宽度有关，因为当我的第一篇帖子只有很少的文字时，它会浮动到缩略图的垂直版本（已加载），但如果帖子有完整的一大段文字，算了。

所以我错过了什么。:) 丹克。

Answer 1

你是对的，它确实与你的homeFloatdiv 的宽度有关。

默认情况下，块级元素将使其自身与容器一样宽。当它们漂浮时，这会将它们推到其他容器下方。为了使它们漂浮在其他项目旁边，您需要指定 a width（或 a max-width），使得 homeFloat + image + padding 等于或小于容器的宽度。

编辑：另外，请确保所有内容都正确包装在元素中。<p>标签会像你正在寻找的那样环绕浮动图像，所以它应该可以通过对你的 HTML 进行一些修改来实现。