您需要使用另一个浮动元素并将其清除，以便文本可以一直沿浮动元素流到一边。
带有3.6em的伪示例（大约3行），将.float推到第四行级别。width:100%从您自己的代码保存在此演示中
.content:before {
content: '';
float: right;
/*height:50px; pixel might not be the best unit here */
height: 3.6em;/* about 3 lines (3 x 1.2em) Update to your needs*/
}
.float {
clear: right;
float: right;
background: rgba(255, 0, 0, 0.5);
width: 100%;
display: block;
/* float:right:width:100% ?? */
/* do you need/mean : */text-align:right;/* ? */
}<div class="content">
<div class="float">Stuff that should float</div>
Other content to wrap around<br> More stuff to wrap around<br> Even more stuff to wrap around<br> And even more stuff to wrap around
</div>如果不是要跨越整个宽度，请删除width:100%。（请参阅像素值）
.content {
width: 250px;/* shrink it for the demo*/
border: solid;
}
.content:before {
content: '';
float: right;
height: 50px;
}
.float {
clear: right;
float: right;
background: rgba(255, 0, 0, 0.5);
}<div class="content">
<div class="float">Stuff that should float</div>
Other content to wrap around<br> More stuff to wrap around<br> Even more stuff to wrap around<br> And even more stuff to wrap around
</div>