8.22易科

总结

高度坍塌解决办法:

1.给定父元素的高度，就可以避免高度坍塌的问题，但父元素就不能自适应子元素的高度了。

2.通过after伪类向元素的最后添加一个空白的块元素，然后对其清楚浮动。

3.在高度坍塌的父元素最后添加一个空白的div，由于添加的div并没有并没有浮动，并清除浮动，它可以撑开父元素的高度。

4.给父元素设置浮动。

5.为父元素设置overflow属性取值auto。

6.给父元素设置display：table

元素居中方法

隐藏元素的方法

清除浮动

什么是浮动：普通流定位（文档流定位），是页面的元素默认的定位方式。页面中的块级元素：按照从上到下的方式逐个排列；页面中的行内元素：按照从左到右的方式逐个排列。而浮动定位可以让多个块元素在一行内排列。

浮动定位：float，脱离文档流的定位

手写响应式

flex布局

定位（float，相对定位+绝对定位+默认流）

栅格布局