css样式浮动的特点

阿坤

浮动的特点：
1、设置浮动后，水平布局等式不需成立，并且元素从文档流脱离，不再占用文档流位置
2、设置浮动可以将元素向其父元素的左方向或者右方向浮动
3、浮动元素不会浮动出父元素
4、浮动元素移动时不会超过之前的浮动元素
5、浮动元素不会超过他上边的兄弟元素，最多是和他一样高
6、浮动元素不会盖住文字，文字自动环绕图片

脱离文档流特点：
1、块元素不在占满一行，宽度和高度默认被内容撑开
2、行内元素变成块，特点和块元素脱离文档流一样
3、不再区分块元素和行内元素
BFC（Block Formatting Context）：
1、开启BFC后，元素变成一个独立的布局区域
2、开启BFC的元素不会被浮动元素所覆盖
3、开启BFC的元素和父元素外边距不会重叠
4、BFC内可有包含浮动元素

开启BFC的方法：
1、HTML元素本身
2、float的值不为none
3、position为absolute或者fixed
4、display的值为inline-block、table-cell、table-caption
5、overflow的值不为visible

二哈