浮动float方式有左浮动、右浮动、清除浮动、无浮动。详细介绍：1、左浮动（float: left）：元素向左浮动，腾出右侧空间供其他元素使用。左浮动的元素会紧贴其前面的浮动元素或容器的左边界；2、右浮动（float: right）：元素向右浮动，腾出左侧空间供其他元素使用。右浮动的元素会紧贴其前面的浮动元素或容器的右边界；3、清除浮动（clear: both）等等。
本教程操作系统：windows10系统、Dell G3电脑。
浮动（float）是CSS中一种常用的布局方式，可以使元素在页面中浮动到指定的位置。通过浮动，可以实现多列布局、图片环绕文字等效果。在CSS中，有以下几种浮动方式：
1. 左浮动（float: left）：元素向左浮动，腾出右侧空间供其他元素使用。左浮动的元素会紧贴其前面的浮动元素或容器的左边界。
2. 右浮动（float: right）：元素向右浮动，腾出左侧空间供其他元素使用。右浮动的元素会紧贴其前面的浮动元素或容器的右边界。
3. 清除浮动（clear: both）：用于清除浮动元素对后续元素的影响。当一个元素设置了清除浮动属性后，会自动换行并紧贴前面的浮动元素的下边界。
4. 无浮动（float: none）：取消元素的浮动效果，使元素恢复到正常的文档流中。
浮动元素的特点是，浮动元素会脱离文档流，并且浮动元素的父元素会塌陷，导致父元素的高度无法自动撑开。为了解决这个问题，可以在浮动元素的父元素上添加一个clearfix类，通过设置clearfix类的样式来清除浮动元素对父元素的影响。
浮动元素的应用非常广泛，特别是在实现多列布局、图片环绕文字等方面。通过设置不同的浮动方式，可以实现不同的布局效果。例如，左浮动的元素可以实现多列布局，右浮动的元素可以实现图片环绕文字的效果。
需要注意的是，浮动元素的顺序会影响它们在页面中的位置。浮动元素的顺序越靠前，它们在页面中的位置越靠上。因此，在使用浮动布局时，需要注意元素的顺序，以达到预期的布局效果。
总结起来，浮动是CSS中常用的布局方式，通过设置不同的浮动方式，可以实现多列布局、图片环绕文字等效果。在使用浮动布局时，需要注意浮动元素的顺序以及清除浮动对后续元素的影响。
