高度塌陷，导航条，清除浮动，解决高度塌陷

高度塌陷

当你为子元素设置浮动后，会导致子元素无法撑起父元素，这就是高度塌陷

BFC 的意思是“块的格式化环境”，用来解决高度塌陷

BFC,默认是关闭的，是一个隐含的属性

特性：   

1.父元素的垂直外边距不会和子元素重叠

2.开启BFC的元素不会被浮动元素所覆盖

3.开启BFC的元素可以包含浮动的子元素

如何开启BFC：

1.设置元素浮动

2.设置元素绝对定位

3.设置元素的inline-block（行内块)

4.将元素的overflow设置为一个非visible的值

导航条

去除项目( li)符号：list-style:none;

子元素浮动，背景高度塌陷，就不会显示，

清除浮动

clear：left 清除左浮动对我的影响

clear：right 清除右浮动对我的影响

清除浮动：将最后一个盒子设为空白盒子然后clear：both，就可以撑开父元素，防止高度塌陷

用after在后面加入内容，为兼容IE6需加zoom  eg：.

clearfix：after{

                               content：;display：block；clear：both；

                  }

解决高度塌陷

清除浮动：将最后一个盒子设为空白盒子再clear：both；就可以撑开父元素，防止高度塌陷

1.clear:both;

2.

.clearfix:after{

                      content: 'hello';

                      display: block;

                      clear: both;

}

.clearfix{

              zoom: 1;

}