使用float属性可以实现元素的浮动。例如，下面是一个简单的 HTML 结构：
<div> <img src="example.jpg" alt="example"> <p>这是一段文字，它将围绕图片而显示。</p> </div>
在这个例子中，大家使用了float: left;来让图片靠左浮动。这意味着文字会在图片的右侧显示。
同样，大家也可以使用float: right;来让图片靠右浮动。下面是一个例子：
<div> <img src="example.jpg" alt="example"> <p>这是一段文字，它将围绕图片而显示。</p> </div>
上面的代码将会让图片靠右浮动，文字会在图片的左侧显示。
使用clear属性可以清除浮动。如果大家希望在浮动元素下面显示其他内容，可以在需要清除浮动的元素上使用clear: both;。
<div> <p>这里就是浮动元素下面的内容了。</p> </div>
在实际使用时，需要注意浮动元素对页面布局的影响。如果不正确地使用浮动，可能会导致元素堆叠或者布局错乱的问题。