css浮动

网页布局的本质——用 CSS 来摆放盒子。普通流（标准流）、浮动、定位是三种传统的布局方式。有很多的布局效果，标准流没有办法完成，此时就可以利用浮动完成布局。 因为浮动可以改变元素标签默认的排列方式，让多个块级元素一行内排列显示，控制多个盒子之间的间隙。

网页布局第一准则：多个块级元素纵向排列找标准流，多个块级元素横向排列找浮动。利用float 属性可以创建浮动框，将其移动到一边，直到左边缘或右边缘触及包含块或另一个浮动框的边缘。

float是css样式中的定位属性，用于设置标签对象（如：<div>标签盒子、<span>标签、<a>标签、<em>标签等html标签）的浮动布局，浮动也就是我们所说标签对象浮动居左靠左（float:left）和浮动居右靠右(float:right)。

加了浮动之后的元素,会具有很多特性,需要我们掌握的：

　　1. 浮动元素会脱离标准流(脱标)。

　　2. 浮动的元素会一行内显示并且元素顶部对齐。

　　3. 浮动的元素会具有行内块元素的特性。

设置了浮动（float）的元素最重要特性：

　　1. 脱离标准普通流的控制(浮) 移动到指定位置(动), (俗称脱标)

　　2. 浮动的盒子不再保留原先的位置

3. 如果多个盒子都设置了浮动，则它们会按照属性值一行内显示并且顶端对齐排列。