2019-05-30

1.高度塌陷

答辩

①BFC：块的格式化环境。

解决高度塌陷

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

2.  开启了BFC的元素，不会被浮动元素覆盖。

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

如何开启

1.设置元素浮动

2.设置元素定位

3.设置元素为inline-block

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

ie6，不支持 haslayout    zoom

也可以用清楚浮动解决高度塌陷

用after解决高度塌陷

.box1：fix{

content：”“；

display：block；

clear：both；

}

。clearfix{

zoom：1；

}

2.清楚浮动

1.clear：both 受最大值影响。

3.定位

1。position

①默认是static。静制的

②relative。相对定位 不设置距离的情况下，是不动打代。移动的距离单位也是像素的

③相对定位的元素是不会脱离文档流的

④相对定位元素是不会影响其他的块或元素的

2.绝对定位

①开启绝对定位就会脱离文档流

②参照离他最近开启定位的他的父亲

3.固定定位

①开启也会脱离文档流

②固定定位永远根据浏览器原点定位

③特点：不会随着滚动条移动