浮动

1. 简介

块元素在文档流中默认垂直排列，如果希望元素在页面中水平浮动，可以使用float来使元素脱离文档流

2. 可选值

none: 默认值，元素默认在文档流中排布

left: 元素会立即脱离文档流，想页面左侧浮动

right: 元素会立即脱离文档流，想页面右侧浮动

3. 注意

元素脱离文档流后，会立即向上移动，直到遇到父元素的边框或者其他的浮动元素

如果浮动元素上是没有浮动元素的块元素，则浮动元素不会超过块元素

浮动元素不会超过它上边的兄弟元素，最多一边齐

浮动的元素不会盖住文字，文字会自动环绕在浮动元素的周围

块元素脱离文档流后，高度和宽度会被内容撑开

内联元素脱离文档流会变成块元素