Can';不要把我的心思放在css浮动上(divs浮动到/围绕图像)-

Can';不要把我的心思放在css浮动上(divs浮动到/围绕图像)-,css,image,html,css-float,Css,Image,Html,Css Float,图像被拉入,然后是帖子。我想让这些帖子浮到图片旁边,然后填充右边的空间。我已经尝试过各种组合的图像浮动/左,帖子浮动/左或右,显示:内联块的东西(我也拉h3只是为了混日子,它没有关系) 我有一种感觉,这与posts div的宽度有关,因为当我有第一篇包含很少文本的文章时,它会浮动到缩略图的垂直版本(已加载),但是如果文章包含完整的文本块,请忘记它 那么我错过了什么呢Danke.你是对的,这确实与你的家庭浮动的宽度有关 默认情况下,块级元素将使其自身与容器一样宽。当漂浮时,这会将它们压到其他容器下

图像被拉入,然后是帖子。我想让这些帖子浮到图片旁边,然后填充右边的空间。我已经尝试过各种组合的图像浮动/左,帖子浮动/左或右,显示:内联块的东西(我也拉h3只是为了混日子,它没有关系)

我有一种感觉,这与posts div的宽度有关,因为当我有第一篇包含很少文本的文章时,它会浮动到缩略图的垂直版本(已加载),但是如果文章包含完整的文本块,请忘记它


那么我错过了什么呢Danke.

你是对的,这确实与你的
家庭浮动的宽度有关

默认情况下,块级元素将使其自身与容器一样宽。当漂浮时,这会将它们压到其他容器下。为了使它们浮动在其他项目旁边,您需要指定一个
宽度
(或
最大宽度
),以便homeFloat+图像+填充等于或小于容器的宽度


编辑:另外,确保所有内容都正确地包装在元素中
标记将像您正在寻找的一样围绕浮动图像,因此只需稍微修改HTML就可以了。

h3
标记放在图像之前,并设置
.homefloat{width:50%;}
@Andy-您根本不需要移动
h3
标记。@Shauna我假设OP想要图像上方的标题,移动h3标签要比使用绝对定位或负边距来获取标签好there@Andy-很公平,虽然我注意到OP没有提到任何关于当前图像旁边的
h3
的内容。因此,没有真正的解决方案来确定有多少div浮在图像旁边,而没有进行剪切并留在图像下方的div则占据了图像下方的全部空间。我在想,如果所有的帖子都是“文本”,而不是在div中,那么它们会不会围绕着图像。我之所以提到H标签,是因为(我记不起是否删除了它)它有一个明确的标记:两者都有;在其上。
clear:这两个
仅对其上有
clear
的元素上方的元素起作用。不,您当前的设置没有解决方案,至少没有JavaScript。你可能想尝试一下你的HTML结构,看看什么是你想要的,什么不是你想要的(例如,我知道普通的
块会包装你想要的)。我进去改变了HTML,去掉了所有的div,在每个post条目周围加上了p标记,现在它就像我想要的那样浮动起来了(很好地围绕着正在被拉进来的动态图像)。但是有人聊天很好。:)谢谢。@KBarnes-别忘了将你的问题的答案标记为“已接受”,这样人们会更倾向于帮助你。我想我一回答就这么做了。我在你的答案旁边有一个大的绿色复选标记,在你的第二个答复旁边有一个向上箭头。