html+css----css布局方式

1、默认文档流方式

以默认的html元素的结构顺序显示

2、浮动布局方式

通过设置html元素的float属性显示

什么是浮动？

浮动（float）是css实现布局的一种方式，包括div在内的任何元素都可以以浮动的方式进行显示。
值：
none：不浮动
left：对象向左浮动，而后面的内容向对象的右侧
right：对象向右浮动，而后面的内容向对象的左侧

清除浮动

当元素有浮动属性时，会对其父元素或后面的元素产生影响，会出现一个布局错乱现象，可以通过清楚浮动的方法来解决，浮动元素的影响
浮动的清理（clear）
none：默认值。允许两边都可以有浮动对象
left：不允许左边有浮动对象
right：不允许右边有浮动对象
both：左右两侧不允许有浮动对象

3、定位布局方式

通过html元素的position属性显示

**********************4、补充笔记************************************