CSS3浮动定位

浮动的基本概念

浮动的最本质功能：用来实现并排

浮动使用要点：1.要浮动，并排的盒子都要设置浮动2.父盒子要有足够的宽度，否则子盒子会掉下去

float: left; 左浮动 1.2.3

float: right;右浮动3.2.1

浮动的顺序贴靠特性

子盒子会按顺序进行贴靠，如果没有足够的空间，则会寻找再前一个兄弟元素

浮动的元素一定能设置宽高

浮动的元素不再区分块级元素、行内元素，已经脱离了标准文档流，一律能够设置宽度和高度，即使它是span或者a标签等。

使用浮动实现网页布局

注意事项：

1.垂直显示的盒子，不要设置浮动，只有并排显示的盒子才要设置浮动

2.大盒子带着小盒子跑，一个大盒子中，又是一个小天地，内部可以继续使用浮动

3.div是免费的！不需要节约盒子！

---

BFC规范

BFC box formatting context  块级格式化上下文

是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素，反之亦然

 

如何创建BFC？

方法1.float的值不是none

方法2.position的值不是static或者relative

方法</