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

高度塌陷

父元素由子元素的高度撑开，如果子元素浮动，脱离了文档流，这时没有内容支撑父元素，则父元素塌陷

BFC

开启后具有特性

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

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

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

如何开启BFC

1 设置元素浮动

2 设置元素绝对定位

3 设置元素为inline-block

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

清除浮动

clear：left；清除左侧浮动

clear：right；清除右侧浮动

clear：both；清除全部（两侧）浮动

clear：none；不清除浮动，默认值

导航条

使用无序列表

去除项目符号：

list-style:none;