第六天
2018-11-23 本文已影响0人
Citrus柑橘味气息
解决高度塌陷
可以直接在高度塌陷的父元素的最后，添加一个空白的div，由于这个div并没有浮动，所以他是可以撑开父元素的高度的
然后再对其进行清除浮动，这样可以通过这个空白的div来撑开父元素的高度，基本没有副作用
使用这种方式虽然可以解决问题，但是会在页面中添加多余的结构
清除浮动元素
可选值：
none，默认值，不清除浮动
left，清除左侧浮动元素对当前元素的影响
right，清除右侧浮动元素对当前元素的影响
both，清除两侧浮动元素对当前元素的影响清除对他影响最大的那个元素的浮动
BFC
1.父元素都垂直外边距不会和子元素重叠
2.开启BFC的元素不会被浮动元素所覆盖
开启BFC的元素可以包含浮动的子元素
开启BFC
1.设置元素浮动
2.设置元素绝对定位
3.设置元素为inline-block
4.将元素的overflow设置为一个非visible的值
