Css浮动属性的介绍 逆战班

本文以范例来说明css的浮动属性。
1、浮动float的属性：
1）left：元素向左浮动
2）right：元素向右浮动
3）None：默认值。
浮动的目的：就是让竖着的元素进行横向排列，也就是能让元素和元素并排显示。
2、首先div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。

若想让图1-1显示是并排显示则可以添加浮动属性。添加浮动属性后，块状元素依次上升。
添加左浮动属性：


添加右浮动属性：

从左浮动和右浮动可以看出div浮动的顺序是以htlm代码顺序显示的。
值得注意的是：居于同一行的元素都应该添加浮动属性。不然只给单一的元素添加浮动属性时；下面的元素依次上升，会把添加浮动属性的元素覆盖。

解决方法就是给每个需要在一行显示的元素添加浮动属性。