CSS浮动例子

<div style="background-color: #cccccc;height: 90vh">
    <span style="float: right;color: #f44336">哈哈哈哈哈哈</span>
    <p>float 是 CSS 属性之一，用于控制元素的浮动布局。当元素被设置为浮动时，它会尽可能地靠近其容器的左边缘或右边缘，并且其他内容会围绕着它。float
        属性常用于创建多栏布局、图文混排以及实现响应式布局等。/float 是 CSS
        属性之一，用于控制元素的浮动布局。当元素被设置为浮动时，它会尽可能地靠近其容器的左边缘或右边缘，并且其他内容会围绕着它。float
        属性常用于创建多栏布局、图文混排以及实现响应式布局等。</p>
</div>

显示为：

<div style="background-color: #cccccc;height: 90vh">
    <span style="float: right;color: #f44336;">哈哈哈哈哈哈</span>
    <p style="clear: both">float 是 CSS 属性之一，用于控制元素的浮动布局。当元素被设置为浮动时，它会尽可能地靠近其容器的左边缘或右边缘，并且其他内容会围绕着它。float
        属性常用于创建多栏布局、图文混排以及实现响应式布局等。</p>
</div>

清理之后的显示：