我的博客文章包含三个元素：1）帖子缩略图，2）社交媒体框和3）文章文字。我希望文本浮动到缩略图的左侧（很容易），我也希望文本浮动到社交媒体框的左侧，而社交媒体框显示在缩略图下方。另一种说法是，我希望缩略图位于社交媒体框上方，但文章文字都浮动在它们的左侧。问题是，缩略图比社交媒体框更宽，并且社交媒体框的右侧有很大的空隙来弥补缩略图的宽度。如何使文本浮动到两个元素的左侧并适合两个元素？
我的代码可用in jsFiddle
最佳答案
您可以通过分别浮动而不是将所有项目包装在浮动div中来获得分别包装每个侧边栏项目的文本：
.article-image, .sharebox-outer {
clear: left;
float: left;
}
jsFiddle