无法将我的思绪包裹在css浮点数(divs floatup到/图像周围) -

时间:2012-12-03 17:30:26

标签: css image html css-float

图像被拉入,然后是帖子。我希望帖子在图像旁边浮动并填充右侧的空间。我已经尝试了浮动/左侧浮动的各种组合,浮动/左侧或右侧的浮动,显示:事物上的内联块(我还拉动了h3只是用它来捣乱它并没关系)。

我有一种感觉它与帖子div的宽度有关,因为当我的第一篇文章非常少的文本时它会漂浮到缩略图的垂直版本(已加载),但如果帖子有一大堆文字,忘了它。

所以我错过了什么。 :) Danke。

1 个答案:

答案 0 :(得分:1)

你是对的,它确实与homeFloat div的宽度有关。

默认情况下,块级元素将使其自身与其容器一样宽。当浮动时,这将把它们推到其他容器下面。为了使它们浮动到其他项目旁边,您需要指定width(或max-width),以使homeFloat + image + padding等于或小于容器的宽度。

编辑:此外,请确保所有内容都正确包装在元素中。 <p>标签会像您正在寻找的那样包裹浮动图像,因此只需对HTML进行一些修改即可。