css浮动

学习css浮动后，我了解到浮动float是个很重要的属性，在课后也了解了关于float的更多内容。

首先，浮动float是css样式中的定位属性，用于设置标签的浮动布局。

浮动的作用有：

1.让盒子从普通流中脱离出来，可以用于让多个块级盒子一行显示。

2.可以实现盒子的左右对齐。

3.可以用来控制图片，实现文字环绕图片的效果。

 

浮动的特性：浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。
1. 脱离标准流

浮动会让盒子"漂浮"在标准流上面。也就是说，浮动的盒子会遮挡住标准流的盒子，呈现在屏幕上就是标准流盒子被浮动盒子压住。

2. 不占位置

浮动后，盒子在标准流中不占位置。也就是说，浮动的盒子会失去在浮动之前盒子在标准流中的占位，原来的占位由浮动元素之后的元素所占。

语法：

1.float:none 元素不浮动

2.float:left 元素向左浮动

3.float:right 元素向右浮动

目前只了解到这些基本内容，在未来对前端的学习中我会进行更深的研究理解。