浮动框的方式，但在主块之后有html代码？

我有标准的

float:left

code:

问题是我在

float box

中有太多html代码，所以我希望它位于

main div

之后，但

float box

位于

main div

下面

有没有一种方法可以在css中实现？ 我不想有两个专栏<代码>浮动框应只占用必要的空间，而不是主分区的高度

---

您是否尝试了

flex

来实现这一点？您所说的“太多HTML代码”是什么意思？我不明白你的问题。你到底想让你的蓝色浮动框在哪里？你可以使用绝对定位。我的目的是搜索引擎优化。在黄色框中我有主文本，在蓝色框中我有有用的链接，但是有很多html代码（img、星星、文本）。蓝色框应该在它所在的位置，但是蓝色框的html代码应该在黄色框的后面

flex

会生成我不想要的列。