css浮动（float属性）

css浮动（float属性）

float是css样式中的定位属性，用于设置标签的居左居右浮动，浮动后的元素不属于html文档流（

自窗体自上而下分成一行一行，并在每行中按从左到右的顺序排放元素），需要用清除浮动把文档

拽回到文档流中

1、浮动值

（1）left：向左浮动

（2）right：向右浮动

2、清除浮动：不是不用浮动，是清除浮动产生的不利影响

（1）在浮动元素的结尾加空<div class="clear"></div>标签

（2）在<style></style>中clear属性值设置为both（左右浮动都清除），width和height都设为0px

如果是左右浮动的结构要包在一个大的<div>里面:

<style>

    .myLeft{float:left;}

    .myRight{float:left;}

    .clear{clear:both;}

</style>

<div class="content">

    <div class="myLeft"></div>

    <div class="myRight"></div>

    <div class="clear"></div>

</div>

（3）当父盒子没有定义高度，嵌套的盒子浮动之后下边的元素会发生位置错误

3、元素浮动之后不占据原来的位置

4、浮动的盒子在一行

5、行内元素浮动之后转换为行内块元素

6、浮动的作用

（1）文本绕图

（2）制作导航

（3）网页布局