05day-文档流&浮动

文档流
块元素在文档流中独占一行，网页就是一个文档
块元素的宽度默认占父元素的百分之百
块元素的高度是默认被内容撑开的，内容有多高，他就多高，子元素有多高，他就多高

浮动
float:right 右浮动
float:left;左浮动
float:none;
当你给一个元素设置浮动以后，这个元素立刻脱离文档流，并且不占用原来的位置，下面的元素
会立刻向上移动
浮动比文档流高一层

假如你浮动的这个元素的上面是一个没有浮动元素的块
那么浮动的这个元素是不会超过这个块的！

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

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

内联元素的浮动
块元素脱离文档流，高度和宽度都会被内容撑开
内联元素脱离文档流会变成块元素