学习网页结构

一、浮动简介

浮动（float）
浮动是一种布局手段，会使元素脱离文档流
元素在文档流的时候，会分块元素，行内元素，行内块元素，各自都有一定的特点

设置元素浮动可以用float样式
可选值：
noen   默认值，不浮动
left      向左浮动
right    向右浮动

二、浮动的特点

设置浮动后的一些特点：
第一类特点
1、设置元素浮动后，元素会脱离文档流，就不会再占据原来在文档流的位置，设置浮动元素后面的元素就会向上
2、设置元素浮动后，元素会尽可能的向左或者向右浮动，浮动元素不会超过它前一个兄弟，最多一边齐
3、如果浮动元素前一个兄弟没有浮动，浮动的元素不会跑上去
4、浮动的元素不会超出父元素

浮动的第二类特点：
当浮动的元素碰到了文字，浮动元素不会盖住文字，文字会环绕在浮动元素的周围，从而做出了文字环绕图片的效果，这也是浮动最开始的功能

浮动的第三类特点：
设置元素浮动后，元素会脱离文档流，元素原来在文档流中分类，特点就不复存在了，也就是说行内元素就可以设置宽高了，块元素也不会独占一行了，行内块元素也没有三像素的问题