11_浮动布局.txt

CSS布局有三种方式：

1.默认文档流方式：以默认的HTML元素的结构顺序显示

2.浮动布局方式：通过设置HTML元素的float属性显示

3.定位布局方式：通过设置HTML元素的position属性显示

----------------

浮动布局

什么是浮动？

浮动是CSS实现布局的一种方式，包括div在内的任何元素都可以以浮动的方式进行显示。

float:none/left/right

none:不浮动

left：对象向左浮动，而后面的内容流向对象的右侧

right:对象向右浮动，而后面的内容流向对象的左侧

你浮动后，就相当于消失了，原来霸占的地方就空出来了。

常用的布局效果，例如，一行并列式，就是在一行中显示几个块状元素。

------------------

清除浮动

clear:both;