20200817-黄春跃

今天学习了页面的布局和弹性的布局。知识点很多，都在思维导入里面

老师今天讲了几道面试题：

1.使用3-5种方法实现元素在页面中的水平垂直居中（知道元素的高和不知道元素的高）

今天上课讲的方法：marg：0 aotu；

​ top/left/right/button：0；

2.如果父元素无高度全是靠内容撑开，当元素浮动以后，会发生高度坍塌。

1. 父元素设置高度，弊端：不是每次都能明确知道具体高度；
2. 父元素设置浮动，弊端：会影响父元素后续元素；
3. 为父元素设置overflow属性，弊端：如果有内容要溢出显示(弹出菜单)，也会被一同隐藏,，取值：hidden/auto；
4. 父元素设置display:table，弊端：盒模型属性已经改变，会造成其他问题；

5. 在父元素中追加一个空的，没有宽高的div，设置clear：both；

6. 使用内容生成的方式清除浮动。