浮动布局样式什么是浮动样式？1.float属性用于创建一个浮动框，它被移到一边，直到左边缘或右边缘接触到包含块元素或另一个浮动元素的框。2.语法：选择器{float:value}可选值（左：左浮动，右：右浮动，默认无）。浮动元素的特点：1.脱离标准流和普通流的控制，开启浮动后移动到指定位置，俗称支持标记2.离开文档流后不保留原位置.3、如果设置了多个框浮动，它们会显示在同一行（写代码的时候要遵循一个浮动，所有浮动的原则）。4、浮动元素具有内联块元素的特点，高和宽随内容展开。设置浮动后，可以分别设置宽高。（加入浮动元素后也是如此）5、针对图片和块级元素的包围而存在。**注意！**：浮动元素虽然具有内联块元素的特性，但是text属性和margin属性的auto值仍然无效，浮动元素经常和父框的标准流一起使用。清除浮动元素的本质1、清除浮动元素的本质是清除浮动元素带来的影响。2、如果浮动元素有高度，则不需要清除浮动元素。3.清除浮动后，父级会根据子框自动检测高度。父级的高度不会影响标准流的布局（俗称高度塌陷）。清除浮动的方法：1.给parent添加overf属性（默认属性visible除外）。2.为父级添加工具伪元素语法：```.clearfix:after{content:"";显示：块；高度：0；克莱尔：两者；可行性：隐藏；}.clearfix{缩放：1；/*适配浏览器*/}```3.为父级添加双伪元素语法：```.clearfix:before,clearfix:after{conter:"";显示：块；}.clearfix:after{clear:both;}.clearfix{*缩放:1;/*兼容*/}```
