css浮动

概述

网页中有很多布局效果，标准流没有办法完成，使用可以利用浮动改变元素默认的排列方式，举例说明（如网页中横向排列的模块或者一左一右排列的模块）。

1.1、浮动的概念

浮动可以使元素【脱离文档流】，【按照指定方向排列】，直到遇到父元素的边界或另一个浮动元素【停止】。

1.2、浮动属性

• float

  • left 左浮动

  • right 右浮动

  • float:none 不浮动(默认值)

1.3、浮动的基本特性

• 可以使块元素在一行排列

• 脱离文档流

• 提升层级