本节介绍css浮动的定义、性质、作用、问题，clearfloating1.浮动的定义2.浮动的本质3.浮动的实际案例4.浮动的问题及解决方法1.浮动的定义一个元素的外边距（这里指的是前一个元素会紧挨着前一个元素不管是否设置为浮动或not)float：布局属性的一个属性名：float属性值：left,right作用：让元素偏离标准Flow，同层的浮动元素会排成一行显示，bfc属性触发。二、浮动的本质1、脱离标准流量：如果元素设置为浮动，就会脱离标准流量限制。您可以设置浮动元素的宽度和高度。：浮动不居中，只能左对齐或右对齐2.浮动元素顺序对齐：当父元素宽度足够时，子元素会按照HTML的书写顺序左/右对齐，ifparentwidthisnotenough当宽度足够时：当宽度不够时：3.浮动功能实际案例1.使用浮动做导航栏操作:使用左右浮动使其对齐*{保证金：0；填充：0；}ul{边距：100px自动；宽度：600px；高度：100px；盒子阴影：005px10px粉色；}li{列表样式：无；宽度：100px；高度：100px；边框：1px纯红色；向左飘浮;文本对齐：居中；行高：100px；}ul.right{浮动：正确；margincollapse问题3.字围现象*{margin:0;填充：0；}ul{边距：100pxau到;宽度：200px；高度：400px；盒子阴影：005px10px粉色；}li{列表样式：无；宽度：100px；高度：100px；边框：1px纯红色；：中心;行高：100px；}代码片段4.浮动问题及解决方法问题：设置浮动元素的高度无法扩展标准流元素的高度解决方法：为父元素设置高度或者清除浮动，添加overflow:hidden属性clearFloating:使用clear属性清除元素本身不受前一个浮动元素的影响。给标准流的父元素添加clear属性后，父元素不会受到浮动效果的影响，不会占用浮动属性名：clear属性值：left，Right，均使用pseudo让出的位置-classestoclearfloats:原理：在css代码中使用伪类的方法加一堵墙，让它打开伪类选择器：通过选择标签添加伪类，选择状态或位置标签div{清除：两者;内容：””;显示：块；}
