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

1、默认文档流方式

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

2、浮动布局方式

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

什么是浮动？

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

清除浮动

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

3、定位布局方式

通过html元素的position属性显示

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