这时已经有了环绕的效果了，只是位于右上角，如何将按钮移到右下角呢？先尝试一下 margin
.btn {
float: right;
margin-top: 50px;
/*其他装饰样式*/
}
可以看到，虽然按钮到了右下角，但是文本却没有环绕按钮上方的空间，空出了一大截，无能为力了吗？
虽然 margin 不能解决问题，但是整个文本还是受到了浮动按钮的影响，如果有多个浮动元素会怎么样呢？这里用伪元素来 ::before 代替
.text::before{
content: '';
float: right;
width: 10px;
height: 50px;/*先随便设置一个高度*/
background: red
}
现在按钮到了伪元素的左侧，如何移到下面呢？很简单，清除一下浮动 clear: both; 就可以了
.btn {
float: right;
clear: both;
/*其他装饰样式*/
}
可以看到，现在文本是完全环绕在右侧的两个浮动元素了，只要把红色背景的伪元素宽度设置为0（或者不设置宽度，默认就是 0），就实现了右下角环绕的效果
.text::before{
content: '';
float: right;
width: 0; /*设置为0，或者不设置宽度*/
height: 50px;/*先随便设置一个高度*/
}
