CSS浮动

CSS浮动

浮动元素不会盖住文字，文字会自动环绕在浮动元素周围。
一、特点：

1. 设置浮动会以后元素会在父元素里面向左侧或右侧移动。
2. 浮动元素会脱离文档流，不会占据原来文档流的位置。
3. 父元素默认不会从父元素中移出。
4. 浮动元素向左或享有移动时，不会超过它前面的其他浮动元素。
5. 如果浮动元素是上面是一个没有浮动的块元素，则浮动元素无法上移。
6. 浮动元素不会超过它上边的兄弟浮动元素，最多和它一样高。

二、脱离文档流的特点
块元素：
1.块元素不在独占页面一行。
2.脱离文档流以后，块元素的宽度和高度默认被内容撑开。
行内元素：
行内元素脱离文档流以后，变成块级元素，特点和块级元素一样。
脱离文档流以后就不分块和行内元素了。