Javascript 将div放置在页面上的任意位置，但仍有文本环绕

我希望能够定位一个div在页面上的任何位置与CSS，但仍然有文字环绕它

到目前为止，我的代码是：

.float{
位置：相对位置；
顶部：50px；
浮动：对；
背景：rgba（255,0,0,0.5）；
宽度：100%；
显示：块；
}

应该漂浮的东西
其他要概括的内容

更多的东西需要包装

还有更多的东西需要包装

还有更多的东西需要包装

您可以使用“固定位置”来解决此问题。使用下面的代码，浮动红色div将显示在最后一页上。请参阅下面的代码：

.float {
position: fixed;
float: right;
background: rgba(255, 0, 0, 0.5);
width: 100%;
display: block;
bottom: 0;}

---

您需要使用另一个浮动元素并将其清除，这样文本就可以沿着浮动元素一直向下流动

例如，伪值为3.6em，约为3行，在第四行级别推动.float<代码>宽度：100%来自此演示中保存的您自己的代码

.content:之前{
内容：''；
浮动：对；
/*高度：50px；像素可能不是这里的最佳单位*/
高度：3.6em；/*约3行（3 x 1.2em）可根据您的需要进行更新*/
}
.浮动{
清楚:对,；
浮动：对；
背景：rgba（255,0,0,0.5）；
宽度：100%；
显示：块；
/*浮动：右：宽度：100%*/
/*您是否需要/表示：*/text align:right；/**/
}

应该漂浮的东西
其他需要包装的内容
更多需要包装的内容
更多需要包装的内容
以及更多需要包装的内容

您不需要添加换行符。需要更新.float类和要显示float元素的位置上的微小更改。它将自动包装外部内容。请检查下面的代码或工作片段链接

.float{
浮动：对；
背景：rgba（255,0,0,0.5）；
宽度：50%；
显示：块；
}

其他内容环绕|其他内容环绕|其他内容环绕|其他内容环绕|其他内容环绕|其他内容环绕|其他内容环绕|其他内容环绕|其他内容环绕|其他内容环绕|其他内容环绕|其他内容环绕|其他内容围绕应该漂浮的东西|应该漂浮的东西|应该漂浮的东西|应该漂浮的东西|应该漂浮的东西|应该漂浮的东西|更多的东西围绕|更多的东西围绕|更多的东西围绕|更多的东西围绕|更多的东西围绕|要包装|更多的东西要包装|更多的东西要包装|更多的东西要包装|更多的东西要包装|更多的东西要包装|更多的东西要包装|更多的东西要包装|更多的东西要包装|更多的东西要包装|

像这样吗？（基本思想是将主块分解为多个较小的块，这样你可以让内容向下浮动，但仍然“在顶部”）@ChrisG div的内容可能会发生变化，所以我不能依赖这种工作方式，因为拆分的区域可能会发生变化。如果你不能让文本在任意位置的元素周围流动，不幸的是，我说我不能依赖文本中的换行符，我不是说换行符，我的意思是我不能依赖浮动元素在文本中的特定位置，因为内容可能会改变，并将元素移动到页面上的新位置。浮动元素必须位于文本的末尾或开头。如果帖子不够清晰，很抱歉。好的。我相信你也可以用我的代码实现同样的事情。例如，如果要在段落的顶部或底部显示浮动元素（.float类），只需在段落（div标记）的顶部或底部放置代码段（.float类）。目前，我已经为（.float class）指定了固定的宽度，您可以在“%”中设置该宽度，并根据您的要求进行调整。我的意思是，我需要将元素定位在HTML的顶部或底部，但它必须在显示时定位在页面上的特定位置（而不是顶部或底部）。