前端学习之css2浮动

float

浮动元素有三大性质

A浮动的元素脱表（没浮动的元素自认是第一个元素）

压表现象

B一旦元素浮动了，那么能够并排设置宽高无论是不是块级元素（不用display：block）

C浮动元素有互贴现象

D字围效果

能挡住盒子挡不住盒子里的字

                                                     浮动的清除

为什么要清除浮动呢？

如果连个div 中有ul li，其中li设置了浮动则li会浮动但会为一行而不是一个div一行（不一定是li,li与span其他的都可以）

原因是父类元素没有高，不能为自己的孩子撑起一片

                                                        清除的方法有4中方法

                                                       （有高度的盒子才能关住浮动）

              本来元素可以给内容撑出高，但脱表的元素不能把一个元素撑出高度

1给父类元素加高

2  clear：both

给第二个盒子加（清除浮动的影响）

但两个盒子之间margin失效（因为两个盒子都没有 高）

解决方法：也可以在两个盒子间加div给div添加clear：both

并且用其高度当做为两盒子之间的margin.（外墙法）

                            第一个盒子里加div给div添加clear：both

并且用其高度当做为两盒子之间的margin.（内墙法）

区别的话是：内墙法第一个div有高（内容有多大高就多大）

3.overflower:hidden