前端遇到问题进阶篇1------居中问题

1.margin-top为百分比的时候，会改变高度的原因

是因为当使用margin-top时，会考虑父级元素的宽度，当父级元素的宽度改变时，高度也会改变。（高度和父级元素的宽度挂钩）

如果想要设置的话，设置position:absolute属性然后设置top和left就可以了

如果有最大值或者最小值，那么设置calc(50%-214px)类似这样的就可以了

2.vue的const作用域

今天偶然对const作用域产生了犹豫，查了一下，const的作用域和let的作用域相同。

3.制作长宽等比的方块或者自适应大小的⚪

.Ring{

margin: 5% 5% 5% 5%;

width: 90%;

font-size: 28px;

color: #999;

height: 0;

padding-bottom: 90%;

background: rgba(255,255,255,0.7);

border: 0;

border-radius: 50%;

}

当padding参考百分比的时候，对应的是宽度，所以可以使用padding-bottom然后，里面的元素可以扩大整个div

 

4.position为absolute的时候的宽度百分比的继承问题

会跨过第一个非static的div，继承后面的宽度和高度，就是跨过第一个父级元素，继承其祖先节点