高度塌陷 ,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;

你可能感兴趣的:(高度塌陷 ,BFC,清除浮动,导航条)