高度塌陷
父元素由子元素的高度撑开,如果子元素浮动,脱离了文档流,这时没有内容支撑父元素,则父元素塌陷
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;