元素浮动float

定义和用法
float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。

如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。
注释：假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。就好好比在宽度只有1000像素的父元素里面装4个300像素的子元素在装到第三个子元素的时候也就是900像素了，那么父元素还是100左右的像素装不下第四个元素就会换到第二行进行排列。

float：可以将子元素浮动在一排属，性值有 left（向左浮动）、right（向右浮动）、none（取消浮动）、inherit（从父元素继承float属性的值）

彼此相邻的浮动元素
如果你把几个浮动的元素放到一起，如果有空间的话，它们将彼此相邻。
在这里，我们对图片廊使用 float 属性：
实例1


看到这小编已经很成功的将三个元素浮动在一横排了，在代码里面是非常常用的属性。
再看看在现实生活中我们哪里用到了float
实例2

有时候元素位于右边也可以使用绝对定位。position:absolute;right:0
浮动的影响
浮动元素脱离文档流，如果父元素没有设置高度，将造成父元素高度塌陷；这个问题通常是使用clear清除浮动，来解决高度坍塌问题！
当然也还可以清除浮动我们用clear，元素浮动之后，周围的元素会重新排列，为了避免这种情况，使用 clear 属性。clear 属性指定元素两侧不能出现浮动元素。