html浮动及特点

浮动的作用：让盒子横向排列
特点：
1、 脱标（脱离文档流），不占位置；
2、 元素浮动，后面标准流会上来把没浮动元素之前的位置占了，浮动元素会压住后面上来的标准流，不会对前面的标准流造成影响，如果不清除浮动的话，常常出现高度塌陷现象；

.p1{
            width: 100px;
            height: 100px;
            background-color: red;
            float:left;
        }
        .p2{
            width: 200px;
            height: 200px;
            background-color: blueviolet;
        }

3、 浮动元素不会压住父元素的边框、内容和图片，只会围绕着浮动元素；

4、 浮动的元素顶对齐；

5、 浮动的元素设置宽高生效，具有行内块的特点；
6、 不能用text-align: center;因为脱标了所以盒子不能居中；