1.margin-top: 百分比居然是参考父级元素的宽度来的来！
- 可以对孩子使用margin-top，来撑父级元素的高度。
- 如果对父级元素设置max-height，那如果撑到超出一个最大值，孩子就会跑出来。
- 而且这个margin-top按照父亲里的内容开始算的，比如如下结构，margin-top:10px,是除开'父亲'这个文本的高度上，隔10px的，不是在parrentdiv的顶部那条边算的
<div id="parent">
父亲
<div id="children">
我是子元素
</div>
</div>
自己适应布局利用的知识点
水平居中
老： text-align + inline-block
新： flex juesty-content
垂直居中
老： table-cell + vertical-align
新： flex align-item
全局布局
主要利用绝对定位，有个特别的小技巧：
- 利用top，bottom可以定元素的高，这个时候高度就固定了，加overflow会出滚动条的（此时这个元素的宽度一般用width来设置，再指定一下left值就明确了元素起始位置放哪儿）
- 自适应高度除了top跟bottom搭配使用，还有一个height: calc(100vh - 需要减去的高度)
- 还有把以前width自适应的，flex-direction:改成coloum，也就成了高度自适应了
- 利用left跟right的差值可以定元素的宽
- 还有利用position加margin的使用
